[Support request] CLS issue: more than 0.25 (mobile)

[bruce]

Hi

We have problems from google console: “CLS issue: more than 0.25 (mobile)”.

Our website: ponfish.com

Can you help us with it ?

best regards

bruce

[Elvin]

Hi there,

I see that your site is using caching plugins but it doesn’t seem to be optimizing all the CSS. It leaves the inline embedded CSS.

That said, consider using a different caching and optimization plugin. One that can minify, cache and aggregate even the inline embedded CSS like the one being added by Customizer’s Additional CSS.

Also, try disabling Lazyload on your logo.(Perfmatters) That’s the one causing the CLS from the logo side of things.

The other parts mostly look like its from FOUT because of the sudden logo size/font family change.

[bruce]

Thanks for your fast reply.

We just disable the logo lazy load, and the CLS ISSUE is no problem now.

But Largest Contentful Paint is flag by chrome plugin: web vitals.

And solution for this matter ?

Thanks so much.

[Elvin]

It’s the page-hero that’s being flagged for LCP.

Try David’s suggestion here: https://generatepress.com/forums/topic/hero-header-lcp-and-psi-metrics-not-the-new-harry-potter-title/#post-1695561

It’s a PHP snippet.

Here’s how to add PHP snippet – https://docs.generatepress.com/article/adding-php/

[Author]

Posts