Wordpress LScache Plugin: Stop FOUC
Last Updated on: Wed, 15 Apr 2026 00:00:02 I had recently migrated many sites to Hostinger and started using LiteSpeed cache. I was getting a flash of unformatted css (FOUC) despite following all the procedures LiteSpeed and other suggested it still remained. For others, the solution is to turn off generate critical css. Not sure if its caused by the quic.cloud ccss functionality but I have spent too many unpaid hours on this, so off it goes (as well as generate critical css in background). If this makes your site too slow then another solution I have used is to use NitroPack whic also took a site from F to B on cloudways. However only 5000 page accesses are free, otherwise its too pricey for me. Hi, please check this page Best regards, I have been through this before and again now and I just dont see what it is showing me. I see no errors in my recent requests and I dont see any rules inserted in a style tag either. So I dont know where that leads. as an aside I had to disable JS Combine External and Inline to get Buzzsprout player to show at all so that is off atm. In my testing, I find I was mistaken. Turning off generate critical css does not stop FOUC. I afraid to say on turning off LiteSpeed Cache fixes that for me. fwiw with Litespeed cache I also get a grey block below my featured images the first time I access the https://dradambell.com/articles/ page and it need to be refreshed to show properly. First Load:https://upload.cc/i1/2021/04/30/9z43sd.jpeg After refresh:https://upload.cc/i1/2021/04/30/fRGkQs.jpeg fwiw no special fiddling about for NitroPack to work with no FOUC and no JS issues with Buzzsprout scripts. But I have a Litespeed server and I would prefer Litespeed cache to work. Hi, because the CCSS is not generated or inserted into your page this part is empty try set CCSS generation to foreground and also please provide the report number , you can get it in toolbox -> report -> click send to LiteSpeed you can also try use our pre-release v4.0 , which contains a lot of improvement about CSS , you can get it in toolbox -> beta test -> click dev and upgarde Best regards, Hi, Im going to mark this topic Resolved , due to lack of activity. If you still need help, please feel free to re-open it. When re-open it, please also change the topic status to not solved Best regards, I finally got back to this and tried the beta. It works. Whats more not only do I not need to set ccss generation to the foreground but afaics as an option its gone. Also was having an issue with recaptcha3 breaking an elementor contact form ? the dev beta fixed this too.
LiteCache Rush: Speed comes from using less, not from doing it faster
Reference