CLS issue: more than 0.25 (mobile)

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.

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.

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/