Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
litespeed_wiki:cache:lscwp:image-optimization [2018/09/05 19:12]
Lisa Clarke
litespeed_wiki:cache:lscwp:image-optimization [2019/04/12 18:48]
Lisa Clarke
Line 3: Line 3:
 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.
  
-**IMPORTANT**:​ Please do NOT use other image optimization plugins ​alongside ​LSCWP'​s image optimization. This can cause undesirable behavior, including processing errors that require LiteSpeed staff to manually clear. Choose one image optimizer and stick with that one!+**IMPORTANT**:​ Please do NOT use other image optimization plugins ​//at the same time// as LSCWP'​s image optimization. This can cause undesirable behavior, including processing errors that require LiteSpeed staff to manually clear. Choose one image optimizer and stick with that one! 
  
 [[https://​blog.litespeedtech.com/​2017/​11/​15/​wpw-optimizing-images-with-lscache/​|Learn more about Image Optimization on our blog.]] [[https://​blog.litespeedtech.com/​2017/​11/​15/​wpw-optimizing-images-with-lscache/​|Learn more about Image Optimization on our blog.]]
 ===== 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 17:
  
 ==== 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 23:
 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 54: Line 54:
   * Level 4: 3000   * Level 4: 3000
   * Level 5: 5000   * Level 5: 5000
-  * Level 6: 7000 
-  * Level 7: 9000  
  
 Once you reach Level 3, we can reasonably assume that your server and ours are communicating well. At this point, Image Optimization will begin to happen automatically,​ if you have that setting enabled in [[litespeed_wiki:​cache:​lscwp:​configuration:​media|Media Settings]]. Once you reach Level 3, we can reasonably assume that your server and ours are communicating well. At this point, Image Optimization will begin to happen automatically,​ if you have that setting enabled in [[litespeed_wiki:​cache:​lscwp:​configuration:​media|Media Settings]].
  
 ==== 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 68: Line 66:
 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 76: Line 74:
 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 82: Line 80:
 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 150: Line 148:
 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.
  • Admin
  • Last modified: 2019/04/12 18:48
  • by Lisa Clarke