Quick one - when I view my site www.sataybar.co.uk there is a delay and nothing is displayed until all the elements are loaded. I don’t know why this is because I have no interactions (legacy or otherwise) on there. Can anyone offer a suggestion as to why?
I can do better than that - I have made a page with just a body and h3 header and there is still a delay. Have a look at this link https://satay-bar.webflow.io/test
OK - I have solved this. It was a GOOGLE OPTIMIZE !!
The Google Optimize Container ID was causing the site to render with a delay - i.e. blank page and then after a few seconds, the whole page appears. Why this is I have no idea and I won’t be using it until I know why this is the case.
As a process of elimination (as you suggested also), I ended up removing all pages apart from one, all elements apart from a single div block, all fonts uploaded, all collections (CMS) and still there was a delay. I am not sure if this has been discussed elsewhere but it was a real head scratcher.
@BUMPandHUSTLE I’ve been struggling with trying to solve this issue for about 3 hours, thank you so much for posting your solution. I also had the Google Optimize integration enabled, and sure enough, I was having the same issue.
I can confirm that there is definitely a weird delay between loading and the first paint on my site as well (without optimize), but haven’t figured out what it is either. Without optimize it’s a super short delay though, so I can live with it.
I tested the anti-flicker code from Google Devs, and it greatly increased the load time and the delay until first paint on my site.
Thanks again for figuring out it was Optimize, I was about ready to give up.
Hi @BUMPandHUSTLE and @yHohmeyer I’m trying to get Google Optimize working as smooth as possible but the delay is page load is seriously horrible. It’s killing the user experience. We’re loading the experiment through GTM. Any suggestions on how to make it more smooth?
Loading Optimize through GTM is always slower than loading it directly on the page. At a minimum you could try switching it to load directly on the page (right after your dataLayer is defined but before other tags are fired). You can also optionally add in the anti-flicker snippet before loading the optimize script.
One issue though is that webflow doesn’t allow you to place code at the beginning of which is really where it should go. Hopefully they add that functionality.