[Resolved] Critical CSS Causes Flickering as Site Loads

Home Forums Support Critical CSS Causes Flickering as Site Loads

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1413321
    Kelly

    Hello all,

    Unsure if this is a GeneratePress item, but when I use place my critical css in using Autoptimize, it causes a flicker as it loads each page.

    Here is my critical css per what the critical CSS generators online are giving me: <style>html{border:0;margin:0;padding:0}html{font-family:sans-serif}</style>

    Thanks,

    K.

    #1413369
    Kelly

    This is now resolved, as I:

    1) Emptied and purged the Autoptimize cache
    2) Purged the cache of my host provider
    3) Purged the cache at CloudFlare
    4) Enabled developer mode at Cloudflare
    5) Generated the Critical CSS at Pegasus: https://pegasaas.com/critical-path-css-generator/
    6) Disabled developer mode at Cloudflare
    7) Entered this into the inline and defer with Autoptimize
    8) Purged all caches one more time to be safe

    Hope this helps someone else.

    K.

    #1413742
    David
    Staff
    Customer Support

    Glad to hear you found a solution and thanks for sharing !

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.