Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
litespeed_wiki:cache:lscwp:optimize-issue [2018/01/22 19:40] Eric Leu [How to fix CSS/JS optimize issue] |
litespeed_wiki:cache:lscwp:optimize-issue [2020/11/14 15:40] Lisa Clarke Redirect to new Documentation Site |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ======How to fix CSS/JS optimize issue====== | + | ~~REDIRECT>https://docs.litespeedtech.com/lscache/lscwp/ts-optimize/~~ |
- | For faster our WordPress site purpose, LSCache plugin provide Optimize function, which includes Minify/Combine/Push functions. | + | |
- | But in some cases we will see page may broken after enable all the optimize functions. | + | |
- | This wiki is going to show you how to fix CSS combine issue. Other cases,(e.g. JS, combine, push) should be all similar. | + | |
- | Before start, please open [[https://developer.chrome.com/devtools | browser developer tool]] to help you check the issue. | + | |
- | =====Let's start===== | + | |
- | - Check optimize issue site | + | |
- | - CSS Minify ''ON'' with no issue \\ {{:litespeed_wiki:cache:lscwp:opt-1.png?800|}} | + | |
- | - CSS Minify ''ON'' + Combine ''ON'' issue occurred \\ {{:litespeed_wiki:cache:lscwp:opt-3.png?800|}} | + | |
- | - How to fix | + | |
- | - Disable ''minify'' to see css file in clear \\ {{:litespeed_wiki:cache:lscwp:opt-2.png?800|}} | + | |
- | - Click the file you can see the full path of plugin. One plugin may have multi css or js file. You can simply add plugin name as excluded \\ {{:litespeed_wiki:cache:lscwp:opt-4.png?800|}} | + | |
- | - From issue page, we can see the product of small image can not show due to CSS combine. So, we try to add the issue css(e.g. woocommerce-smallscreen.css) as CSS Excludes from Tuning \\ {{:litespeed_wiki:cache:lscwp:opt-6.png?800|}} | + | |
- | - How to verify | + | |
- | - Enable CSS Minify ''ON'' + Combine ''ON'' again. Click Purge All button. Page now shows normally and we can see woocommerce-smallscreen.css is not optimized \\ {{:litespeed_wiki:cache:lscwp:opt-5.png?800|}} \\ | + |