Archived topic
Cumulative layout shift
3 replies · Started by Carlo on March 11, 2021
Hi there,
I am in the process of moving a website from an old theme to GP premium and GB pro.
So far, I have just set the home page.
Could you please help me understand how to fix this cumulative layout shift that gtmetrix reports?
I have tried deactivating and dleteing cache folders of wprocket + deactivating asset cleanup as well
but the problem is still there (if you check, right now wprocket and asset cleanup are active but the result is the same when deactivated)
Please see links in private information. Hope you can help me figure it out ;)
Thank you. Best wishes. Carlo
Hi there,
the issue looks to be related to font loading.
On initial load you can see the fallback font and then a split second later the actual font is loaded. You can also see the CLS elements in your GT Metrix report - their all text elements.
To confirm that test - the easiest way is to temporarily change the fonts on the site to System Stack ( clearing any caches ) and retest. Theres no font request for system stack.
Options to improving the font load are either to serve them locally or to preload them from Google.
Thank you David,
you are right! As usual... :D
I am working on it. Cheers. Carlo
You're welcome
