How to stop website experiment flickering?

Modified on Mon, 23 Oct 2023 at 03:09 PM

Website experiment flicker is a phenomenon where users see a sudden change in the appearance of a web page or application as a result of testing. This happens when the testing tool is making changes to the page or application in real time, causing the page to flicker or flash between the different versions being tested. This can be confusing and disruptive for users, and can potentially affect the accuracy of the test results.

To stop website testing from flickering, you can include the following code in your website right before Howuku tracking code:

<!-- Anti-flickering script -->
<script>
  var  timeout = 3000; // Timeout value to remove the flicker (in milliseconds)
  !function(h,i,d,e){var  t,n=h.createElement("style");n.id=e,n.innerHTML="body{opacity:0}",h.head.appendChild(n),t=d,i.rmfk=function(){var  t=h.getElementById(e);t&&t.parentNode.removeChild(t)},setTimeout(i.rmfk,t)}(document,window,timeout,"abhide");
</script>

And, it should look like this.

<!-- Anti-flickering script -->
<script>
  var  timeout = 3000; // Timeout value to remove the flicker (in milliseconds)
  !function(h,i,d,e){var  t,n=h.createElement("style");n.id=e,n.innerHTML="body{opacity:0}",h.head.appendChild(n),t=d,i.rmfk=function(){var  t=h.getElementById(e);t&&t.parentNode.removeChild(t)},setTimeout(i.rmfk,t)}(document,window,timeout,"abhide");
</script>

<!-- Follow by Howuku Tracking Code -->
<script>
(function(t,r,a,c,k){
  c=['track','identify','converted'],t.o=t._init||{},
  c.map(function(n){return t.o[n]=t.o[n]||function(){(t.o[n].q=t.o[n].q||[]).push(arguments);};}),t._init=t.o,
  k=r.createElement("script"),k.type="text/javascript",k.async=true,k.src="https://cdn.howuku.com/js/track.js",k.setAttribute("key",a),
  r.getElementsByTagName("head")[0].appendChild(k);
})(window, document, "YOUR-UNIQUE-CODE");
</script>