Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | Last revision Both sides next revision | ||
|
litespeed_wiki:cache:lscwp:configuration:webpreplacement [2017/11/15 21:20] Lisa Clarke [Verify site work with WebP] |
litespeed_wiki:cache:lscwp:configuration:webpreplacement [2017/11/15 21:28] Lisa Clarke [How much size reduced from WebP] |
||
|---|---|---|---|
| Line 24: | Line 24: | ||
| * After WebP replacement: \\ {{:litespeed_wiki:cache:lscwp:configuration:webp-3.png?700|}} | * After WebP replacement: \\ {{:litespeed_wiki:cache:lscwp:configuration:webp-3.png?700|}} | ||
| - | =====How much size reduced from WebP ===== | + | ===== How Much Smaller are the WebP Images? ===== |
| - | - Check image size from browser developer tool | + | |
| - | * Optimized jpg versus webp image size: \\ {{:litespeed_wiki:cache:lscwp:configuration:webp-4.png?500|}} | + | You can evaluate the effects in a few ways. |
| - | - Check images size from console | + | |
| - | * Access to **PATH_TO_WORDPRESS -> wp-content -> uploads -> YEAR -> MONTH** | + | ==== Check the image size from the browser developer tool ==== |
| - | * <code> | + | |
| + | Optimized JPG versus WebP image size: | ||
| + | |||
| + | {{:litespeed_wiki:cache:lscwp:configuration:webp-4.png?500|}} | ||
| + | |||
| + | ==== Check the image size from the console ==== | ||
| + | Change directory to ''PATH_TO_WORDPRESS/wp-content/uploads/YEAR/MONTH'' | ||
| + | |||
| + | <code> | ||
| ls -alh | grep accessories-300 | ls -alh | grep accessories-300 | ||
| >>> | >>> | ||
| Line 35: | Line 43: | ||
| 8.6K accessories-300x300.jpg | 8.6K accessories-300x300.jpg | ||
| 6.0K accessories-300x300.jpg.webp | 6.0K accessories-300x300.jpg.webp | ||
| - | |||
| </code> | </code> | ||
| - | We can found original jpg image is 9.1K, optimized jpg file is 8.6k and webp only 6.0k. All image sizes are match to previous checking method of developer tool which need to minus header size. It's around 30% size reduced from JPEG which is a reasonable number by referring [[https://developers.google.com/speed/webp/| google webp]] | ||
| + | We can see that the original JPG image is 9.1K, the optimized JPG file is 8.6k and the WebP is only 6.0k. All image sizes are comparable to those which we observed via the developer tool (which needs to subtract the header size). It appears that the WebP images are around 30% reduced from JPG. This is reasonable, according to [[https://developers.google.com/speed/webp/| Google's documentation]]. | ||
| ===== Debug ===== | ===== Debug ===== | ||