Hello @gene-stevo !
I hope you’re having a great week!
Yes, it may have something to do with render-blocking (this is another way to say that something is causing the browser to have to wait for additional information in order to be able to layout the items on the page).
I wasn’t actually able to replicate this issue until I decided to make a screen recording to share with you and confirm if you see the same or something different on your end. And that’s when the issue started happening for me as well ??
Actually this is happening on other pages as well, not only the ones with a Forminator form.
From what I see, it may be caused by the “Inter var” font causing a slight delay when being loaded. You can see this most prominently in incognito mode or by doing a force refresh which will force all files/assets of the page to be redownloaded.
So the scenario here is like this:
– page loads, gets the CSS
– CSS says that we need the Inter var font to display the menu text
– browser will use a default font in the meantime (or next on the list in CSS font-family)
– when the Inter var font finishes downloading, the browser will apply it to the text, hence the “jump” you see due to small changes in the sizes and spacing between the fonts
Solutions:
– avoid using the custom font altogether, especially since it’s very similar to the default Helvetica-like fonts that don’t need to be downloaded – you can do that by removing the entries for the font from the style.css file
– change the font-display: swap to font-display: auto in the style.css file around lines 260-274 (though this will probably cause GTMetrix and Google Insights to recommend using swap and will give a lower score for that)
Hope this helps!
Kind regards,
Pawel
