[Support request] CLS & Slow LCP Issue In Search Console

Hi there,

try disabling any cache / optimization plugins first, then re-test your site.
if the issue persists, leave them disabled and let me know.

Looking at CLS first.
See here:
https://www.webpagetest.org/vitals.php?test=221208_BiDcDS_8XR&run=1

2 issues:

1. The email protector is changing the HTML. I am not sure how that function is added to the site.

2. You have Perfmatters loading the fonts for you, and in its settings its using: font-display: swap;

https://perfmatters.io/docs/font-display-swap/

Disable that option as it allows the browser to load a system font first, and then when the actual font loads it occupies a different amount of space which cause layout shift.

See if you can fix those and we can then take a look at LCP

For the email issue, check with the plugin author if its possible to change the [email protected] text, and if so, add some extra characters to make it the same length as the actual email, then it should not shift.

The alternative to that is to add some CSS, at around 404px is where there isn’t enough room for the email and telephone on one line. So you can use this to force the [email protected] text to a new line. So it won’t cause a shift.

@media(max-width: 404px ) {
    .__cf_email__{
        display: block !important;
    }
}