Post by account_disabled on Mar 13, 2024 5:10:03 GMT
The been known to alter the order in which certain scripts are executed. Basically I am saying you should know what youre doing or at least know how to troubleshoot when using this filter. Image optimization I covered image optimization earlier in this post but I will quickly outline what each image optimization filter does sprite_images Attempts to stitch multiple small images together as one while updating CSS to reference this sprite image file properly rewrite_images Includes all of these filters inline_images replace small images by an inline data.
URL recompress_images Another group filter like rewrite_images which Anhui Mobile Phone Number List tries additional compression and strips metadata from the image unnecessary. convert_png_to_jpeg If there are no transparent pixels it will be converted to a JPEG same for GIFs too resize_images If you use widthheight on an img attribute and the actual image is larger than these values it will resize it for you to the appropriate size recompress_png Lossless conversion of PNG convert_jpeg_to_webp If a browser supports the WebP format will server this type of image instead of the JPEG Heres a quick example. Ive got a page that uses a JPEG for a full screen background. The original size of the image KB.
This screenshot shows what PSM does for me without any extra work on my end and no visible loss in quality of the full screen image. webppagespeed.jpg Notice how it converts the JPEG to a WebP format Look at the new file sizes compared to the original KB Collapse whitespace remove comments These two filters essentially do what they say. When PSM collapses whitespace it is trying to reduce the size of the HTML being sent back to the browser. Its helpful in development to have your code formatted for readability. when serving the HTML code to your users so PSM figures out which part of the page can have whitespace stripped
URL recompress_images Another group filter like rewrite_images which Anhui Mobile Phone Number List tries additional compression and strips metadata from the image unnecessary. convert_png_to_jpeg If there are no transparent pixels it will be converted to a JPEG same for GIFs too resize_images If you use widthheight on an img attribute and the actual image is larger than these values it will resize it for you to the appropriate size recompress_png Lossless conversion of PNG convert_jpeg_to_webp If a browser supports the WebP format will server this type of image instead of the JPEG Heres a quick example. Ive got a page that uses a JPEG for a full screen background. The original size of the image KB.
This screenshot shows what PSM does for me without any extra work on my end and no visible loss in quality of the full screen image. webppagespeed.jpg Notice how it converts the JPEG to a WebP format Look at the new file sizes compared to the original KB Collapse whitespace remove comments These two filters essentially do what they say. When PSM collapses whitespace it is trying to reduce the size of the HTML being sent back to the browser. Its helpful in development to have your code formatted for readability. when serving the HTML code to your users so PSM figures out which part of the page can have whitespace stripped