FOUC (Flash of Unstyled Content) Problem- How to fix

  • Resolved gstsamadhaan

    (@gstsamadhaan)


    7 years, 3 months ago

    All Contact form 7 forms are loaded and styles applied later. This creates a bad user experience as user sees unstyled content for a while.

    This is particularly bad on mobile devices with slow connections.

    Wondering if its just me or everyone facing this problem.

    Please suggest a fix if available.

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

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

    (@mrahmadawais)

    That is the cache of your browser. It caches the styles the ones it was loading before you applied new styles. If you remove the cache it will be all fine. Just flush the CDN cachec, Cloudflare cache, or purge the cache from your WordPress caching plugin.

    Thread Starter gstsamadhaan

    (@gstsamadhaan)

    Hi Ahmad,

    Thanks for your reply, but unfortunately your solution is not correct.
    I have tried the following and none of it seems to fix the issue.

    – Purge everything from wp, browser. Does not work
    – Tried on brand new PC which had no previous cache.
    – Uninstalled chrome and installed again and tested.
    – Freshly installed and Tested on Mozilla and Edge.

    Each time behaviour is same with FOUC visible. I doubt it is due to cache.

    Plugin Author Ahmad Awais

    (@mrahmadawais)

    CF7Customizer does that with JavaScript. And it affects your Contact Form after the page is loaded.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘FOUC (Flash of Unstyled Content) Problem- How to fix’ is closed to new replies.

Tags