Differences

This shows you the differences between two versions of the page.

--- litespeed_wiki:cache:lscwp:optimize-issue [2018/01/22 19:40]
Eric Leu [Let's start]
+++ litespeed_wiki:cache:lscwp:optimize-issue [2020/11/14 15:40] (current)
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, product image can not display normally \\ {{: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|}} \\