How to optimize images using Google Page Speed Optimizer extension?

How to optimize images using Google Page Speed Optimizer extension?

In order to optimize images using Google Page Speed Optimizer extension, first, you need to create WebP copies and make sure they are displayed on the frontend. Please follow the steps below to create WebP copies of the images.

Step 1. In Amasty → Image Optimizer → Image Folder Optimization Settings, click on Add New Pattern



Step 2. Set the title for the pattern and select image folders from the dropdown; make sure to include subfolders, not just parent directories. We recommend doing one pattern for one image folder group (e.g. one pattern = subfolders of the catalog/ folder): 



Step 3. Check the Create Image for Mobile/Tablet options and select the Resize Algorithm (Resize by default): 



Step 4. To make sure the optimization works, select the image optimization tools and choose the quality value for Jpegoptim: 



Step 5. Finally, you may choose to create an image dump — a folder to save the original, non-optimized images: 



After saving the optimization pattern, it's required to manually start the process. We recommend doing so from the Terminal with the help of the command you may find in the pattern settings (make sure to change the pattern ID to the actual ID value): 



Once done, the images should be converted to webp. If the images are still in their original formats, please, refer to the following article: Why are Webp images not appearing on the frontend?