Archived topic
Critical CSS Causes Flickering as Site Loads
2 replies · Started by Kelly on August 21, 2020
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.
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.
Glad to hear you found a solution and thanks for sharing !
