I configured the LiteSpeed Cache plugin to generate UCSS only for the top of the blog.UCSS was generated as expected, but an error occurred and it was not applied.This issue discusses this phenomenon.
UCSS generated but not applied
The page optimization usage of the LiteSpeed Cache plugin increases for the day at 14:00.Only the top of the blog generated UCSS at that time.
So far, so expected.
However, when viewed in the Chrome Developer Tools, an error occurred when loading UCSS and it was not applied.I tried the following measures, but the error could not be resolved.
- Erase and regenerate UCSS
- Remove cache (LiteSpeed Cache, Cloudflare CDN)
- Cloudflare CDN developer mode ON
We have experienced in the past that UCSS is generated but not reflected.
At that time, this was caused by trying to manage CSS, PHP, and JavaScript with WPCode Lite.Currently, WPCode Lite is not used.
Still, there must be a reason why UCSS is not reflected.
Coping for now : Change to generate CCSS
Changed to generate CCSS instead of UCSS.The CCSS was read without any problem here.
The CSS settings are as followsThis will generate CCSS.
| Setting items | Setting |
|---|---|
| CSS Minify | ON |
| CSS Combine | ON |
| …Generate UCSS | OFF |
| …UCSS Inline | OFF |
| CSS Combine External and Inline | ON |
| Load CSS Asynchronously | ON |
| …CCSS Per URL | ON |
| …Inline CSS Async Lib | ON |
However, CCSS has found that the PageSpeed Insights results reach a plateau around 90. (Japanese site)
I would like to use it in UCSS if possible, so I can guess why it is not applied.
Guess why UCSS is not applied
We have made two major changes to the LiteSpeed Cache plugin settings.
- Guest Mode is turned off.
- Guest Optimization turned off.
Since we will be using Cloudflare CDN, I thought it might be okay to loosen the LiteSpeed Cache plugin settings a bit, so I turned these two off.
I suspect that UCSS will not be generated and loaded properly unless these two are enabled.
These two items have significant side effects, so it is safer to use them OFF, but they are probably essential to promote optimization.
Prepare for tomorrow
For now, turn on Guest Mode and Guest Optimization, and check the behavior around JavaScript.Then, set the condition to generate UCSS instead of CCSS, and fine-tune it while checking for problems.
Please be patient as the display may be temporarily disrupted.
Musubi
The LiteSpeed Cache plugin UCSS was being generated but not loaded.We have temporarily changed the configuration to create CCSS, but we still want to make UCSS available.
I assume the cause is that I turned off Guest Mode and Guest Optimization.I would like to turn on both of them today, finish adjusting JavaScript, and be ready to use UCSS from tomorrow.
Leave a Reply