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