Preloading glitch in header where the shirt code is

  • Resolved 53pt1m1u

    (@53pt1m1u)


    10 months, 3 weeks ago

    When someone opens the website for the first time and no cache is in their browser, the header is expanded by about 600px because the Ajax Search Lite plugin shortcode generates some options until the website is fully loaded.
    sometimes it can take up to 3-4 seconds, and the website looks like it is broken all this time.

    is there a way to fix this behavior?
    I got a workaround to add the search in a pop-up and only link the search code inside the pop-up. but this method will include 2 more clicks before typing the search.

    Image with the website until it loads.

    any solutions?

    • This topic was modified 10 months, 3 weeks ago by 53pt1m1u.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi,

    It is called the FOUC (flash of unstyled content). It happens when the stylesheets are not correctly loaded – usually using an asynchronous CSS loading method, it is not related to the plugin.

    Some cache solution have this feature but, check your cache plugin settings and change the Stylesheet/CSS loading method to the default (non-asynchronous) it will resolve the problem.

    All the best,
    Ernest

    Thread Starter 53pt1m1u

    (@53pt1m1u)

    I didn’t know about FOUC, which probably is why I didn’t find an answer to this problem on the web.
    My cache settings for Load CSS Asynchronously were “OFF” but the Guest Optimization opt. was “ON”. and a small text was under the Load CSS Asynchronously:
    If your Guest Optimization is ‘ON’ your CSS Asynchronously options will still be ‘ON’ for new users even if is set to ‘OFF’

    Changing the Guest Optimization to “OFF” solved the issue.

    Thank you,

    PS: If you are in power to make changes to the plugin, please change the width for the ID’s wpfMaxPrice and wpfMinPrice from the price input filter to at least 50px. In all the websites that I have used your plugin, the price range is over 4 digits and the default width for wpfMinPrice is 20px or under, and the minimum price is hidden if I don’t add extra CSS. Thank You!

    Plugin Author wpdreams

    (@wpdreams)

    Great, I’m happy it works now ??

    Those filters are not coming from this plugin, it is probably the WooFilters plugin I’m guessing ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Preloading glitch in header where the shirt code is’ is closed to new replies.