Archived topic
started failing CWV recently
9 replies · Started by kiant123 on May 23, 2022
I've noticed today that I've been failing core web vitals for the past two weeks (CLS issure of more than 0.1 on mobile) on pretty much all URLS after trying to work out the reason for a drastic drop in rankings of late.
I haven't really touched my website for the past month which is why I am a little confused. The only thing I can think of that I did change was making the following changes in Generatepress described in this thread (https://generatepress.com/forums/topic/content-hero-problem-using-elements/) around a month ago.
Do you think this could be the reason for the CLS issue? Do you have any recommendations on how to fix this issue?
Hi there,
looks like the font-display: swap; property being added by Perfmatters local font is causing a shift.
If you load the page in an incognito browser ( no cache ) you will see the site first displays the system font, shortly after it loads the google font which cause as slight shift.
Check in the perfmatter settings to set the font-display to auto.
Hi,
Thanks for the reply.
I checked in perfmatters and I couldn't see an auto setting I could only see what's in the screenshot I added. I can only see the option to turn off google swap which I have.
Do you think this is adequate enough?
Yeah thats the correct setting. Disabling that will mean the default auto value is applied by the browser.
Thanks David.
I also seem to be struggling with FCP now. Is there anything obvious you can see?
Thanks again.
Page Caching at a server level, or if need be a plugin, is generally the best method to improve that.
Thanks for that tip.
Would you be able to tell me what image class I should put in perfmatters to exclude my featured image from lazyloading? I think since i changed up my content header to a hook it is no longer a standard featured image class?
Thanks.
As you're using a Block Element to display the featured image, you can use the: dynamic-featured-image class
Thank you!
You're welcome!
