Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
litespeed_wiki:cache:lscwp:troubleshooting:ccss_unstyle [2018/12/13 16:37] Lisa Clarke Copyediting |
litespeed_wiki:cache:lscwp:troubleshooting:ccss_unstyle [2019/08/23 00:11] qtwrk |
||
|---|---|---|---|
| Line 32: | Line 32: | ||
| It takes a few seconds to generate Critical CSS, and if you have set **Generate Critical CSS in the Background** to ''ON'', LSCache adds the page to a cron-based queue so that the CCSS may be calculated later. As a result, there may be times when the page is loaded //before// the CCSS is available, and this leads to FOUC. | It takes a few seconds to generate Critical CSS, and if you have set **Generate Critical CSS in the Background** to ''ON'', LSCache adds the page to a cron-based queue so that the CCSS may be calculated later. As a result, there may be times when the page is loaded //before// the CCSS is available, and this leads to FOUC. | ||
| - | |||
| - | Additionally, a **Purge All** not only clears that cache, but also all generated CCSS. So, if you've Purged All recently, your site will experience some FOUC while you wait for the CCSS to be rebuilt for every page type. | ||
| Please be aware that same types of pages share the same CCSS. For example, if you have post1, post2 and post3, when you access post1, CCSS will be generated. That CCSS will then be there and ready to use when post2 and post3 are accessed. | Please be aware that same types of pages share the same CCSS. For example, if you have post1, post2 and post3, when you access post1, CCSS will be generated. That CCSS will then be there and ready to use when post2 and post3 are accessed. | ||
| Line 41: | Line 39: | ||
| The simplest solution is to set **Generate Critical CSS in the Background** to ''OFF''. Generating CCSS in the foreground does require the first visitor to wait a few seconds, but it eliminates the FOUC problem. | The simplest solution is to set **Generate Critical CSS in the Background** to ''OFF''. Generating CCSS in the foreground does require the first visitor to wait a few seconds, but it eliminates the FOUC problem. | ||
| - | Otherwise, try a **Purge All - LSCache** after the CCSS rules are generated. This will allow LSCache to insert CCSS into pages that had been already cached //before// the CCSS was generated. Be careful not to do a **Purge All**, as that will clear //everything// including the CCSS. You only want to clear LSCache. | + | Otherwise, try a **Purge All - LSCache** after the CCSS rules are generated. This will allow LSCache to insert CCSS into pages that had been already cached //before// the CCSS was generated. |
| {{:litespeed_wiki:cache:lscwp:troubleshooting:ccss4.jpg|}} | {{:litespeed_wiki:cache:lscwp:troubleshooting:ccss4.jpg|}} | ||