If you do not have the possibility to add the Symplify implementation script to the top of the <head> tag or experience flickering for some reason, you might want to use our whitepage solution.
It needs to be added at the absolute top of the <head> tag to work as intended.
<script>
!function(e,t){const n=".".concat(t," { opacity: 0 !important }"),s=document.head,i=document.createElement("style");i.id=t,i.sheet?i.sheet.insertRule(n):i.appendChild(document.createTextNode(n)),s.appendChild(i),e.classList.add(t);var d=!1,c=function(){if(!d){d=!0,e.classList.remove(t);const a=document.getElementById(t);null!=a&&a.remove()}};document.addEventListener("symplify-customization-ready",c,{once:!0}),setTimeout(c,5e3)}(document.documentElement,"sg_whitepage");
</script>
Notice!
Always make sure you try this out on your website for all the main browsers before you put this code in production as it hides your website while it's loading and shows it when it's ready ( Reaches "Document Ready" state or when Symplify tells it the active projects has loaded). Issues with this script might lead to your visitors seeing a white page when loading your website.