Avoid Cumulative Layout Shift

In the Search Console there is new Page Speed Report online. It tells me that I should avoid cumulative layout shift. Mine is over 2,5 s for mobile and desktop. So the pages are categorized as slow. But what should I do? I have nothing changed concerning the layout?

I have done some research in the meantime and found out that it must be a problem concerning the theme layout. There is a placeholder missing for the logo in the desktop version. So, at first the text is loaded and then the image. So text shifts down and the high cumulative page shift that kills the page speed is perfectly done. Can you provide a code to set the logo image in container / placeholder to avoid that problem?

The cumulative page shift also concerns any and all images in a post as well as ads if they are not placed in a container that tells the browser the height and width of object to be loaded.

Here are two pictures:

https://www.topfgartenwelt.com/cumulative-loading-speed

Greetings

Greetings Kathrin

• This topic was modified 6 years by Topfgartenwelt.

Thank you!