Flicker

Why does this happen?

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 see the control and then see it quickly change to the variant. This occurs when a site takes a little longer to load.

How to Resolve this Situation

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

You can prevent this flicker by placing this code before the one-line javascript you installed for Crazy Egg.

<script type="text/javascript">
  if(!window.CE2) {
    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);
        delete(CE2.bh);
      }
    }, 500);
  }
</script>