Core web vitals CLS issue: more than 0.25 (mobile)

Hi there,

For the CLS:

It seems to be caused by FOUT.

Can you try adding this PHP snippet?

add_filter( 'generate_google_font_display', function() {
    return 'swap';
} );

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

Also, can you try adding some sort of a caching/optimization plugin to see if things improve for the other elements flagged?.

Let us know how it goes.

Thank you.

Can you explain FOUT and why this is happening now? My site is about 10 months old. Just curious what made this show up today.

My host added this PHP snippet through the Code Snippets plugin. Should I go ahead and validate the fix now in GSC?

I have site optimization/caching through my host.

Can you explain FOUT and why this is happening now? My site is about 10 months old. Just curious what made this show up today.

Check these articles:
https://css-tricks.com/fighting-foit-and-fout-together/
https://css-tricks.com/fout-foit-foft/
https://www.malthemilthers.com/font-loading-strategy-acceptable-flash-of-invisible-text/

My host added this PHP snippet through the Code Snippets plugin. Should I go ahead and validate the fix now in GSC?

Disable caching/optimization and then apply the fix. You then check if it is addressed.

If it addresses the issue, re-enable the caching/optimization but purge the cache so it generates a new cache version with the fix included.

That's generally how we debug and apply fix to these kinds of things. :)