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:image-optimization [2019/04/11 20:51] qtwrk [Optimization Summary] |
litespeed_wiki:cache:lscwp:image-optimization [2020/05/04 13:45] Shivam Saluja |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Image Optimization in LiteSpeed Cache for WordPress ====== | ====== Image Optimization in LiteSpeed Cache for WordPress ====== | ||
| + | |||
| + | **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]]. | ||
| + | |||
| As of v1.6, LSCWP has the ability to optimize your images, making them smaller, and faster to transmit. For now, you will have to press a button to optimize each new batch of images, but it will be possible to configure it to be an automatic process in a later version of the plugin. | As of v1.6, LSCWP has the ability to optimize your images, making them smaller, and faster to transmit. For now, you will have to press a button to optimize each new batch of images, but it will be possible to configure it to be an automatic process in a later version of the plugin. | ||
| Line 8: | Line 11: | ||
| ===== Using the Image Optimization Page ===== | ===== Using the Image Optimization Page ===== | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-1.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-1.png?nolink|}} |
| ==== Before You Begin ==== | ==== Before You Begin ==== | ||
| Line 17: | Line 20: | ||
| ==== Optimization Summary ==== | ==== Optimization Summary ==== | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-0.png?direct&802|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-0.png?nolink|}} |
| The first time you visit this page, you will see a button that reads **Initialize Optimization**. Press the button to obtain a key from the central server that it will use to process all of your future image optimization requests. This key isn't displayed, but it is saved as a part of your Environment Report, if we need to refer to it later for any reason. | The first time you visit this page, you will see a button that reads **Initialize Optimization**. Press the button to obtain a key from the central server that it will use to process all of your future image optimization requests. This key isn't displayed, but it is saved as a part of your Environment Report, if we need to refer to it later for any reason. | ||
| Line 23: | Line 26: | ||
| Optimization Summary should now look like this: | Optimization Summary should now look like this: | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-2.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-2.png?nolink|}} |
| You'll see there is now information displayed there: **Level**, **Credit**, **Image Information** and **Optimization Summary**. The information displayed there will change after you submit your first request: | You'll see there is now information displayed there: **Level**, **Credit**, **Image Information** and **Optimization Summary**. The information displayed there will change after you submit your first request: | ||
| Line 58: | Line 61: | ||
| ==== Submitting Your First Request ==== | ==== Submitting Your First Request ==== | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-3.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-3.png?nolink|}} |
| Press **Send Optimization Request**. Only one group of images is sent this first time. We want to make sure everything is working well between your server and ours, and so we start small. You don't need to wait on this page. You can go away and do something else if you like. | Press **Send Optimization Request**. Only one group of images is sent this first time. We want to make sure everything is working well between your server and ours, and so we start small. You don't need to wait on this page. You can go away and do something else if you like. | ||
| Line 66: | Line 69: | ||
| Once your first group of images has finished optimizing and has been pulled back to your system (either through the cron or by pressing the **Pull Images** button), you can start sending larger groups of images. Press **Send Optimization Request**. | Once your first group of images has finished optimizing and has been pulled back to your system (either through the cron or by pressing the **Pull Images** button), you can start sending larger groups of images. Press **Send Optimization Request**. | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-4.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-4.png?nolink|}} |
| You'll see some changes in the status messages below, letting you know how many images were requested, how many were pulled, and if there were any errors, you'll see that there, too. | You'll see some changes in the status messages below, letting you know how many images were requested, how many were pulled, and if there were any errors, you'll see that there, too. | ||
| Line 74: | Line 77: | ||
| After a few batches, you will level up. | After a few batches, you will level up. | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-5.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-5.png?nolink|}} |
| Once you reach Level 3 (1200 credits), if you've enabled it in [[litespeed_wiki:cache:lscwp:configuration:media|the Media Settings]], Image Optimization will be carried out automatically. | Once you reach Level 3 (1200 credits), if you've enabled it in [[litespeed_wiki:cache:lscwp:configuration:media|the Media Settings]], Image Optimization will be carried out automatically. | ||
| Line 80: | Line 83: | ||
| When optimization has completed for all of your site's images, your screen will look something like this: | When optimization has completed for all of your site's images, your screen will look something like this: | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-6.png?direct&802|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-imageoptimization-6.png?nolink|}} |
| ==== Revert Optimization and Other Buttons ==== | ==== Revert Optimization and Other Buttons ==== | ||
| Line 148: | Line 151: | ||
| If you want to revert all of your images back to the originals, use the Revert Optimization buttons above. If you decide you prefer just a single image un-optimized, you may revert it to its pre-optimization version from within the Media Library. | If you want to revert all of your images back to the originals, use the Revert Optimization buttons above. If you decide you prefer just a single image un-optimized, you may revert it to its pre-optimization version from within the Media Library. | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-medialibrary.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-medialibrary.png?nolink|}} |
| From the WordPress Dashboard, navigate to **Media > Library**. If you see an image icon in the **LiteSpeed Optimization** column, it means an optimized version of the image exists. If the icon is purple, then the optimized version is currently in use. If the icon is grayed-out, then the original version is in use. Click the icon to toggle between optimized and unoptimized versions. | From the WordPress Dashboard, navigate to **Media > Library**. If you see an image icon in the **LiteSpeed Optimization** column, it means an optimized version of the image exists. If the icon is purple, then the optimized version is currently in use. If the icon is grayed-out, then the original version is in use. Click the icon to toggle between optimized and unoptimized versions. | ||