Archived topic
GeneratePress Date Causing Cummulative Layout Shift on mobile
13 replies · Started by Theodore on November 9, 2021
Hi guys,
I tested my website on PSI without the option to show the date on the archive and posts and got 0 CLS but when I turned it on it returnED 0.6 CLS. Please how do I solve this with the date on posts and archive enabled?
Hi there,
can you share a link to the site where i can see the problem ?
Gadgetswright.com
The issue is related to the font loading and its using the Display = Swap property.
See here:
https://www.screencast.com/t/H4UgnbFU
On initial load the system stack font is loaded, because of the display swap, then when the fonts ( i circle in green ) are loaded you can see the font update causing the reflow.
I would recommend NOT using the display swap property.
Wow. How do I disable the display swap property? Thanks in advance.
Depends on how it was enabled :)
Have you enabled it in the Font Manger in Customizer > Typography ( GP 3.1 ) ?
I did but couldn't find the option to disable it.
As long as you have a Google Font selected in the Font Manger then it should be displayed here:
I don't have these options under the topography.
In order to use the new typography systme:
1. Make sure you update the theme to 3.1.0.
2. This system is turned on by default for new installs but turned off by default for existing sites.
3. If you wish to change your site to this system, you can do so in Customize > General.
4. Make sure you have GeneratePress Premium plugin 2.1.0-alpha.1 or above installed, otherwise this option won’t display.
Thanks. How do I update to it because there is no update notification available.
If you don't see those options then its not GP thats adding the display=swap property.
Can you check the options in Autoptimize ?
Thanks you guys. This seems fixed by disabling the "display =swap" property in perfmatters
Glad to hear you found it!!
