Page Hero and breadcrumps affecting CLS score

[Norman]

So, I get a CLS warning in the search console for mainly mobile. After running it through various tests and looking at the page speed insights results it seems to be the page-hero grind container and the breadcrumbs that are responsible for these warnings.

Is there an easy way to fix that? It doesn’t seem to be an actual problem but still would love to remove that warning. 2021 is getting closer.

[David]

Hi there,

Couple of issues.

1. Some of your CSS and font requests are being deferred this is affecting the themes icons. To eliminate that go to Customizer > General and change the Icon Type to SVG.

2. Lazy loading of the the logo is a problem. Most lazy loaders provide an option to exclude images by their CSS class. You can use the is-logo-image class to exclude the themes logos.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Norman]

thx that fixed it! 🙂

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts