-
Can you tell me what the problem might be http://prntscr.com/yG2dpj2xNRbw Cumulative Layout Shift
-
Could it be a problem with the fonts?
-
Hi there,
It looks like it.
The Poppins font has its Font Display property set to Swap.
So on initial load the browser renders the text using its system font, until the Poppins font loads and the page is re-rendered. The difference between those fonts is slight but can result in text reflow that results in a layout shift.I suggest setting the font display property to auto to avoid that issue.
-
The fonts have been set to the auto property, what other options are there?
-
Does it improve the CLS score?
-
I’m telling you that and so stood for loading fonts auto, could not change since it was already auto. I tried different options, but the problem is not the font. Can you take a look and tell me what else it could be?
-
Here in the settings I specified auto, but I still see in the files that swap is set. Can you tell me where else to make changes in the theme?
-
The font-display property is still set to swap:
https://cln.sh/fBQJmy2DMake sure to clear any caches on your site.
-
/wp-content/themes/redress_compliance/fonts.css Changed and cleared the wp-rocket cache in this file.
-
Do you know where did you add the @font-face CSS?
Did you follow this guide to install the local fonts?
https://docs.generatepress.com/article/adding-local-fonts/If so, can you try using GP’s new local font library feature to add the Google fonts? So that you can choose font-display there.https://app.screencast.com/R1VKbvxRdcmF1
Here’s a video shows how to do it:https://www.youtube.com/watch?v=JHnYoKb0Trw
- You must be logged in to reply to this topic.