Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
|
litespeed_wiki:cache:lscwp:troubleshooting:ccss_unstyle [2019/08/23 00:10] qtwrk [Possible Explanations] |
litespeed_wiki:cache:lscwp:troubleshooting:ccss_unstyle [2020/05/04 13:51] Shivam Saluja |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Still Seeing FOUC with Critical CSS Enabled ====== | ====== Still Seeing FOUC with Critical CSS Enabled ====== | ||
| + | **Please Note**: This wiki is valid for v2.9.x and below of the LiteSpeed Cache Plugin for WordPress. If you are using v3.0 or above, please see [[https://docs.litespeedtech.com/lscache/lscwp/overview/|the new documentation]]. | ||
| + | |||
| Enabling the **Generate Critical CSS** (CCSS) feature is supposed to eliminate Flash of Unstyled Content (FOUC), so why do you sometimes still see it, even though the setting is configured to ''ON''? | Enabling the **Generate Critical CSS** (CCSS) feature is supposed to eliminate Flash of Unstyled Content (FOUC), so why do you sometimes still see it, even though the setting is configured to ''ON''? | ||
| Line 39: | Line 41: | ||
| 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|}} | ||