Cumulative Layout Shift (CLS) 
Author: Rients P.
Visited 2322,
Followers 1,
Shared 0
Any ideas on how to improve the Cumulative Layout Shift (CLS) of my website?
I have a simple structure: a menu, a picture at the top of the page, some text, a footer with an additional menu. Nothing fancy. However, Google Search Console keeps complaining about the Cumulative Layout Shift (CLS) being too long. What can I do to improve it?
All my pages seem to have the problem. An example: https://qengineering.eu/install-opencv-4.3-on-raspberry-pi-4.html
Any help appreciated!
Posted on the
Hello.Try to work on site loading speed.
Rients, I have looked at your example and can not identify any Cumulative Layout Shift (even jumping to the bottom of the page whilst it loads). It appears the whole page and all images are pretty well optimised. Can I suggest you do nothing and then advise google you have fixed it and ask them to rescan?
Quite frequently Google advises me that my webpages have issues (not always the same website), but nothing has changed and nothing seems amiss. The best I can imagine is that some latency/delay in serving up my website pages whilst Google is evaluating it causes Google to flag a fault, resubmitting the site invariably clears the problem in my case.
(if the CLS is still deemed to be an issue I suspect Google is being a bit harsh)
Author
Dear Aleksej, Esahc,
Most of the recommendations are already in my .htaccess file though.
Looking for a solution, it seems to have something to do with loading fonts. My 404 page with only one photo is not giving a CLS error. The more text, the higher the CLS becomes. I also notice that a page immediately loaded the correct font (Roboto) a few months ago, while now it first starts with Arial and some time later it is replaced by Roboto. Definitely not sure if this is the course. I am not familiar enough with X5 to change the loading order.
Given Google's opinion, I would do something about it if possible. In addition, your website magazin.aleksius.com does not have CLS at all, so it must be possible in some way.
"I also notice that a page immediately loaded the correct font (Roboto) a few months ago, while now it first starts with Arial and some time later it is replaced by Roboto." - Try using only Arial on the pages of the site.
"I am not familiar enough with X5 to change the loading order." - using the program this can not be done.
"In addition, your website magazin.aleksius.com does not have CLS at all, so it must be possible in some way." - this may be due to the fact that I use only standard fonts. Perhaps another reason is that there are no "heavy" objects in the upper part of the page.