Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
litespeed_wiki:cache:lscwp:configuration:media [2018/08/27 19:50] Lisa Clarke [Inline Lazy Load Images Library] |
litespeed_wiki:cache:lscwp:configuration:media [2019/04/12 18:37] Lisa Clarke [LiteSpeed Cache for WordPress Settings: Media] |
||
|---|---|---|---|
| Line 5: | Line 5: | ||
| [[https://blog.litespeedtech.com/2017/11/08/wpw-when-its-good-to-be-lazy/|Learn more about Lazy Load on our blog.]] | [[https://blog.litespeedtech.com/2017/11/08/wpw-when-its-good-to-be-lazy/|Learn more about Lazy Load on our blog.]] | ||
| - | {{:litespeed_wiki:cache:lscwp:lscwp-settings-media.png?direct&800|}} | + | {{:litespeed_wiki:cache:lscwp:lscwp-settings-media.png?nolink|}} |
| ===== Lazy Load Images ===== | ===== Lazy Load Images ===== | ||
| Line 23: | Line 23: | ||
| When **Lazy Load Images** is enabled, a gray box is displayed as a placeholder until an image can be loaded. If you'd prefer something more creative, you can specify your own base64 image. You can list the image here, or you can use the ''LITESPEED_PLACEHOLDER'' constant in your ''wp-config.php'' file. If both are defined, this setting takes precedence over the ''wp-config.php'' constant. | When **Lazy Load Images** is enabled, a gray box is displayed as a placeholder until an image can be loaded. If you'd prefer something more creative, you can specify your own base64 image. You can list the image here, or you can use the ''LITESPEED_PLACEHOLDER'' constant in your ''wp-config.php'' file. If both are defined, this setting takes precedence over the ''wp-config.php'' constant. | ||
| + | |||
| + | ===== Responsive Placeholder ===== | ||
| + | //OFF// | ||
| + | |||
| + | Responsive image placeholders can be used in cases where the width and height attributes for the images are set. The placeholders is generated with the same dimensions as the images, which helps to reduce layout reshuffling. | ||
| + | |||
| + | ===== Responsive Placeholder Background Color ===== | ||
| + | //#cfd4db// | ||
| + | |||
| + | Responsive placeholders can be generated in any color you like. Use the color picker to choose. | ||
| + | |||
| + | ===== Generate Reponsive Placeholder In Background ===== | ||
| + | //ON// | ||
| + | |||
| + | The first time a page is visted, the responsive placeholders must be generated. If this setting is ''ON'', the generation will be done in the background via a cron-based queue. The settings for **Lazy Load Image Placeholder** will be honored until the generation is complete. | ||
| + | |||
| + | If this setting is ''OFF'', the placeholders will be generated while the visitor waits. This may slow down page load for that first visitor. | ||
| + | |||
| ===== Lazy Load iframes ===== | ===== Lazy Load iframes ===== | ||
| //OFF// | //OFF// | ||
| Line 34: | Line 52: | ||
| Turning this option ''ON'' can improve your speed score in services like Pingdom, GTmetrix and PageSpeed, however it also makes the size of your page bigger. | Turning this option ''ON'' can improve your speed score in services like Pingdom, GTmetrix and PageSpeed, however it also makes the size of your page bigger. | ||
| + | |||
| + | ===== Optimize Automatically ===== | ||
| + | //OFF// | ||
| + | |||
| + | When this option is ''ON'', image optimization requests will be sent automatically via cron job for new media library uploads. | ||
| + | |||
| + | Please note that this setting only works for accounts with 1200 credits or more. In other words, you will need to run image optimization manually a few times until you've reached the 1200 credit level, before this setting can take effect. | ||
| + | |||
| ===== Optimization Cron ===== | ===== Optimization Cron ===== | ||
| //ON// | //ON// | ||
| Line 43: | Line 69: | ||
| When Image Optimization is run, JPG and PNG images will be optimized, and backups saved. For example, if the image ''image.jpg'' can be optimized a copy of it is saved in ''image.bk.jpg''. Then, the newly-optimized version is saved back into ''image.jpg''. Turn this option OFF, if you do not want optimized JPG and PNG files. | When Image Optimization is run, JPG and PNG images will be optimized, and backups saved. For example, if the image ''image.jpg'' can be optimized a copy of it is saved in ''image.bk.jpg''. Then, the newly-optimized version is saved back into ''image.jpg''. Turn this option OFF, if you do not want optimized JPG and PNG files. | ||
| + | |||
| + | ===== Remove Original Backups ===== | ||
| + | //OFF// | ||
| + | |||
| + | When this option is ''ON'', Image Optimization automatically deletes your original images after it has fetched the optimized versions. Be careful with this! It is irreversible. You will be unable to **Revert Optimization** if the backups are deleted! | ||
| ===== Optimize WebP Versions ===== | ===== Optimize WebP Versions ===== | ||