Archived topic

Cumulative Layout Shift Issues in GP

5 replies · Started by Matias on November 23, 2021

Viewing posts 1–6 of 6

November 23, 2021 at 9:24 am #2018148

Hi all.
Im having some troubles with CLS in my website.
This problem is caused by the loading of the css which modifies the appearance and size of the text.
The content appears in one way and when it finishes loading it changes to the configured style which causes the problem, as you can see in the attached link.
I use WP Rocket with asychronous loading of the css and perfmatter.
Any help?
thanks

November 23, 2021 at 9:35 am #2018163

Hi there,

i ran a couple of tests on your site including a Google PSi report and there are not issues relating to CLS.
Did you change something ?

November 23, 2021 at 10:05 am #2018228

Hi. Thanks for answer.
No, Im havent change anything
I have Made a new test and the issues continues

November 24, 2021 at 2:18 am #2019217

I get the impression the Paris networks don't particularly like the Web Page Test bots, as switching to a different network location doesn't return a problem. However slow networks can exacerbate CLS issues and looking at the film strip showing the CLS to the issues look related to WP Rockets CSS optimizations:

a) the Critical CSS
b) the font display=swap attribute

As you can see here - running the same test, on a Paris network with WP rocket disabled ( ?nowprocket query string on URL ) - there is no CLS:

https://www.webpagetest.org/vitals.php?test=211124_BiDcSV_238dca3723178757ccce2583e935df17&run=1

November 24, 2021 at 2:43 am #2019251

thanks

November 24, 2021 at 2:57 am #2019263

You're welcome

This archived topic is closed to new replies.

Start building better websites today.