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 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.
How to Resolve this Situation
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>
Note: The 500 number is customizable and you can input value to delay the page so that there is no flicker. Increasing the number from 500 will show a white screen in between longer while the variant edits are injected.