Anti-Flicker Script

Page flicker occurs when a web page briefly appears with the browser's default styles before loading an external CSS stylesheet and JS which re-renders it causing the restyled elements to momentarily 'jump' on the page.

The most effective way to mitigate page flicker when loading Optimize is to temporarily hide the page while the AB test loads. This is accomplished by adding the anti-flicker snippet as the first script on your page(s).
It is very important that the anti-flickering script is inserted in the <head> section before FigPii's tracking code. The code should be inserted directly on the page and not by using Tag Managers.
<!-- FigPii Page-hiding Snippet -->
<style>.fp-hide{opacity:0!important;}</style>
<script>(function(w,h,c,v,t,a,o){h.className+=" "+c;o=w[v]=w[v]||[];o.show=a=function(){h.className=h.className.replace(RegExp(" ?"+c),"")};setTimeout(function(){a();o.show=null},t)})(window,document.documentElement,"fp-hide","_fpHide",4500);</script>
<!-- End FigPii Page-hiding Snippet -->
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.