Return to previous page

Shop sites load fast, but with FOUC and I don’t know why

This topic has 4 replies, 2 voices, and was last updated 2 years, 8 months ago ago by Olga Barlow

  • Avatar: FS
    FS
    Participant
    March 11, 2022 at 11:26

    Hi Support

    When I navigate to my shop page, its loading fast, but scales some elements to it’s correct positions. This behaviour is called FOUC^^ I don’t know why this happens on my shop page and I don’t know how to solve it. I will provide the URL in private section and you can test it. Especially on mobile devices its pretty ugly :-/

    Additional Info: I have no extra plugins active which can cause any problem…

    Best

    Please, contact administrator
    for this information.
    #319381 Copied Theme version: 8.1.1
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 11, 2022 at 17:16

    Hello,

    Point is that there is no way to avoid layout shift while page loading. To hide that you can enable site preloader in Theme Options > General.

    Regards

    #319420 Copied
    Avatar: FS
    FS
    Participant
    March 11, 2022 at 17:18

    Hi Olga

    But why does this happen? :-/

    Best

    #319421 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 11, 2022 at 18:18

    Hello,

    Because JS and styles are loaded a little bit after the HTML structure.
    Preloader will help you to avoid that because you’ll see the page once it’s fully loaded.

    Regards

    #319428 Copied

  • Tagged: , , , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.