[Support request] GeneratePress Date Causing Cummulative Layout Shift on mobile

Home Forums Support [Support request] GeneratePress Date Causing Cummulative Layout Shift on mobile

Home Forums Support GeneratePress Date Causing Cummulative Layout Shift on mobile

  • This topic has 13 replies, 3 voices, and was last updated 2 months ago by David.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1997064
    Theodore

    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?

    #1997072
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to the site where i can see the problem ?

    #1997138
    Theodore

    Gadgetswright.com

    #1997160
    David
    Staff
    Customer Support

    The issue is related to the font loading and its using the Display = Swap property.
    See here:

    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.

    #1997179
    Theodore

    Wow. How do I disable the display swap property? Thanks in advance.

    #1997197
    David
    Staff
    Customer Support

    Depends on how it was enabled 🙂

    Have you enabled it in the Font Manger in Customizer > Typography ( GP 3.1 ) ?

    #1997440
    Theodore

    I did but couldn’t find the option to disable it.

    #1997453
    David
    Staff
    Customer Support

    As long as you have a Google Font selected in the Font Manger then it should be displayed here:

    2021-11-09_15-05-46

    #1997532
    Theodore

    I don’t have these options under the topography.

    #1997627
    Ying
    Staff
    Customer Support

    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.

    #2007594
    Theodore

    Thanks. How do I update to it because there is no update notification available.

    #2007648
    David
    Staff
    Customer Support

    If you don’t see those options then its not GP thats adding the display=swap property.
    Can you check the options in Autoptimize ?

    #2008924
    Theodore

    Thanks you guys. This seems fixed by disabling the “display =swap” property in perfmatters

    #2008996
    David
    Staff
    Customer Support

    Glad to hear you found it!!

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.