Home › Forums › WoodMart support forum › Avoid large layout shifts of the pagespeed analyze

Avoid large layout shifts of the pagespeed analyze

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 7, 2025 at 7:39 am #658754

    btools
    Participant

    I used pagespeed to analyze my website, it shows “Avoid large layout shifts 3 layout shifts found” in the desktop analyze. It shows “Media element lacking an explicit size” and “Web font loaded” problem, there is the picuture in the attachment.
    I tell you the website link in the private content.
    Please tell me how to fix the problem.

    Attachments:
    You must be logged in to view attached files.
    May 7, 2025 at 10:06 am #658792

    Luke Nielsen
    Keymaster

    Hello,

    I would like to request temporary admin access so I can look at the settings there better.

    Thank you for your time.

    Kind Regards

    May 8, 2025 at 3:27 pm #659229

    btools
    Participant

    I know the cause, but I do not how to fix the problem.
    The cause is in your woodmart theme settings-Typography-Basic, it set the font is Lato or google font, there is the picture in the attachment.
    I have installed “Local Google Fonts” plugin, and use the plugin function “Load Fonts automatically”, but can not fix the problem.
    Please tell me how to fix the problem.

    Attachments:
    You must be logged in to view attached files.
    May 8, 2025 at 5:10 pm #659284

    Luke Nielsen
    Keymaster

    Hello,

    Currently, I see that the issue is solved in the Insights – https://prnt.sc/KvPQ08U6zdKi

    In general, make sure that you have enabled the “Swap” value for these options: https://prnt.sc/3ZRg5lTLFVcq

    Additionally, this one can be enabled – https://prnt.sc/Oe3GckgU-yTh

    Kind Regards

    May 9, 2025 at 4:35 am #659356

    btools
    Participant

    1, The method you mentioned, which I have used, does not work and does not solve the problem.

    2, The settings I made in woodmart theme settings is to change the default settings of woodmart theme, such as what you just said to change the font-display fot text fonts in theme settings-performance-fonts&Icons and Font- display for icon fonts in theme settings-performance-fonts&Icons are set to Swap, and Preload key request for woodmart-font.woff2 is set to enable. when the woodmart theme was upgraded, I modified all the settings in the woodmart theme settings. Will it revert to the original default settings?

    May 9, 2025 at 10:29 am #659411

    Luke Nielsen
    Keymaster

    Hello,

    The Theme Settings will be saved after the update. In any case, you can use our backup functionality for the Theme Settigns – https://xtemos.com/docs-topic/theme-settings-backup/

    Kind Regards

    May 9, 2025 at 5:59 pm #659592

    btools
    Participant

    That means after woodmart theme upgrade, all my original settings will be deleted, the theme will revert to your default settings, and I need to manually go through the theme’s previous backups myself to restore my own previous settings for the theme?

    May 9, 2025 at 6:01 pm #659593

    Luke Nielsen
    Keymaster

    After the update, Theme Settings will always be saved. The update cannot affect Theme Settings.

    The update can remove customization in the Parent theme.

    Kind Regards

    May 10, 2025 at 9:13 am #659668

    btools
    Participant

    1, what does “The update can remove customization in the Parent theme.” mean?
    2, Is your woodmart theme automatically updated? Or do I need to manually press update button to get it to update?

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)