-
Hi!
I hope all the team is doing fine.
I am trying to get better results in PageSpeed but I am having a major change issue. I leave the website into the private information area.
Thanks a lot! -
Hi there,
The issue seems to be font-related. It looks like you’re using Google Fonts. If that’s the case, make sure the font’s display property is set to
auto. Alternatively, you might want to consider loading the font locally, as it can offer better performance benefits. -
Hi!
I have made the change as requested and there are no changes in the metrics. If possible, I would rather to avoid install Google Fonts in the server.
Problems seem to be with gb-containers
Any ideas?
-
Hi there,
.gb-containeris just an empty<div>element by itself, and can’t contribute to things like CLS. It’s the content inside of it that can ultimately result in issues.As Alvind mentioned, it looks like your Google Fonts are set
display=swap, which will lead to the font loading as the fallback/system font, and then swapping to the Google Font once it loads. This can (and usually does) cause a jump in the page, resulting in CLS issues.How are you configuring your Google Fonts on the page? If you’re using GeneratePress in the Customizer, you can see the Display option in Customize > Typography: https://www.screencast.com/t/6DwKKKk0
Using the
autovalue will prevent your fonts from jumping.Hope this helps.
-
Hi! It seems like “auto” fixed the issue
Thanks a lot! -
Glad we could help 🙂
- You must be logged in to reply to this topic.