Split second big icons when pageloading

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Split second big icons when pageloading

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 6 years, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #16797
    bgooris
    bgooris
    Participant

    Hello,

    when loading the page we always have in a flick a very big search icon and cross icon.

    Best regards

    #16798
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    This phenomenon is called the flash of unstyled content, and is caused by lazy loading of the CSS files. You have some sort of minify plugin active that aggreagates the CSS files and loads them on the bottom of the page, outside the header – causing the flash effect. I highly recommend turning off this feature, unless you are very experienced with CSS, and can add the critical CSS rules to the header to prevent the FOUC effect.

    Alternatively you can try this custom CSS, add it to the critical custom CSS section, so that it is loaded in the header:

    .asp_m {
        height: 0;
    }

    This will set the search height to 0, until the main css is loaded, which will change it back to ‘auto’, with the correct styling. In this case make sure to clear all layers of cache, and also make sure that this CSS is indeed within the header as inline css.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.