消除原始内容的 VWO Flash (FOOC)

Question

使用 VWO ab/editor 时，您可以选择编辑页面的 css 和 js。如果您编辑页面的 css/js，则在测试 a/b 测试时可能会看到 FOOC。显然这对于最终用户来说并不理想。使用 VWO 时如何避免 FOOC？

Answer 1

您可以通过以下方式消除 VWO 中的 FOOC

1. 单击要更改的元素，使用选择父级按钮选择其直接父级。

2. 从这里您将按下直接父项的隐藏按钮。

3. 现在您将重复步骤 1 和 2，但按下直接父级的 SHOW 按钮。

VWO 现在将添加看起来有点像这样的 JavaScript

vwo_$("immediate-parent-of-changed-element").css({"visibility":"visible"});

此 javascript 片段可确保您更改的元素的父元素在您进行更改之前不会出现，从而消除 FOOC。

Answer 2

尝试将

blocking="render"

添加到 AB 测试脚本中。

 <script blocking="render" src="name-of-testing-script.js"></script>