How to fix Cumulative Layout Shift!

lauraphoto7

lauraphoto7

Messages
61
Name
Laura
Edit My Images
No
Hi on my Gtmetrix I'm showing a really bad score for CLS, I use divi, wordpress. I have no clue how to sort it out. I can see when I load my website on my mobile the shifts. My website is www.powell-fulphotography.com.

Any help would be appreciated
Thanks
 
In chrome press F12, go to performance and 'record' refresh the page and stop, use the mouse wheel to zoom in on the red bars to see what's causing the CLS

layoutshift.png

There's different reasons for it, so this may not be yours - but I had the problem recently, it was because I was using a non standard font. The webpage loads with a standard font before it loads in the non-standard, this causes a CLS

I removed elements chrome picked up, but the CLS issue just re-occurred elsewhere, this was because the font change was everywhere.

In the end I removed all non standard fonts.
 
Last edited:
You must log in or register to reply here.
Back
Top