-
Hi there,
My website fails Google’s ‘Page Experience Check’.
Only on Desktop I have a poor CLS score (0,57) – I used on of the default templates and adjusted it. Somehow I made an error. But I can’t see where.
Below is a screenshot of the ‘error’ Google gave me
Help..
-
Hi there,
in your screenshot it provides a list of causes for the CLS.
Primarily font loading and CSS loading after the page has rendered.This generally happens if the Fonts are set to Display Swap, and there are some CSS optimiztions happening that defers loading of CSS.
If you can share a link to your site, i can take a look for the main causes.
-
Yes offcourse I added it in the private information.
-
Hi David, did you find anything yet?
-
Sorry, your last reply slipped through our system.
Theres quite a few issues to address.
I would begin with the Fonts as thats a primary cause of the CLSLoad the fonts locally, this doc explains how:
https://docs.generatepress.com/article/adding-local-fonts/once added locally you can:
1) in Customizer > Typgoraphy > Font Manager,
1.1 make sure the Disable Google Fonts is set toauto
1.2 edit each font that GP is loading and uncheck the Use Google Font API.2) in GenerateBlocks > Settings check the
Disable Google Fonts3) check with WP Rocket to make sure its optimizations are NOT setting the font display to swap.
4) clear any caches.
The ultimate goal here is to load the fonts faster by eliminating the google font requests, and to disable the font display swap that WP Rocket is adding, which results in the page being loaded first with the browser system fonts then the layout shift as the browser re-renders the page when the actual fonts are loaded.
- You must be logged in to reply to this topic.