Ensure text remains visible during webfont load. CLS very high. What can I do?
-
I use Storefront, but I’m not sure this a Storefront related issue.
In GSC I received a notification about a problem with CLS on all my pages in desktop. The CLS is 0,33 which is bad.
In Pagespeed Insights the CLS is 0,461 on my homepage.
Ensure text remains visible during webfont load:
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.
URL Potential Savings
https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2
0 ms
https://hangmattor.se/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2
90 ms
https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu3cOWxw.woff2
0 ms
https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2
0 ms
https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2
0 ms
https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2
0 ms
https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2
0 ms
https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2
10 ms
https://hangmattor.se/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2
40 msI’ve spent the whole day reading about a problem I have and tried lots of “solutions” but none worked. Now I’m stuck and hope for some guidance on how to solve the problem. Thanks.
- The topic ‘Ensure text remains visible during webfont load. CLS very high. What can I do?’ is closed to new replies.
