Flicker

Have you ever noticed a "flicker" between the control and variant page showing?  What you are experiencing is what is referred to as a flicker.  You will end up seeing the control and then see it quickly change to the variant. This occurs when a site takes a little longer to load.

To address this phenomenon you will want to add this extra code snippet and adjust the time value. This will make it so the page loads all white, and then the variant will be loaded.

By placing this code just before the one line javascript you installed for Crazy Egg, you can prevent this flicker from happening. 

<script type=“text/javascript”>
window.CE2 = {};
if(document.head){
CE2.bh=document.createElement(“style”);
CE2.bh.innerHTML=“body{visibility:hidden !important}“;
document.head.appendChild(CE2.bh);
setTimeout(function() { 
if (CE2.bh) { CE2.bh.parentElement.removeChild(CE2.bh); CE2.bh = null; }
}, 500);
}
</script>
<script src=“//script.crazyegg.com/pages/scripts/123.js” async></script>

Note:  The 500 number is customizable and you can input a value to delay the page so that there is no flicker. 

Still need help? Contact Us Contact Us