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?
Related Articles
What PageSpeed Insights metrics does Google Page Speed Optimizer cover?
The Google Page Speed Optimizer extension is designed to optimize images and code, which can help to improve certain PageSpeed Insights metrics and enhance the overall website performance. Our extension guarantees up to 97% rating if the fast server ...What optimizer settings do I use for images, if I have both the Jet Theme and the Google Page Speed Optimizer module?
The Image Optimizer inside Jet Theme is a Lite version of any optimizer-type modules. So, considering you have the Google Page Speed Optimizer extension, it leads over the optimizer settings inside the Jet Theme. If you have already installed, or are ...Does WebP work with Varnish?
WebP images are compatible with the Varnish cache. The compatibility was introduced to the module in version 2.1.2. Make sure that you have the latest version of the extension installed. To make WebP images load on the website, it is required to ...How to optimize JS with the Google Page Speed Optimizer extension?
To optimize JS with the Google Page Speed Optimizer extension, please follow the steps below. Step 1. Transfer Magento to the Production mode. It can be done with the next command from the root Magento folder: php bin/magento deploy:mode:set ...Why are Webp images not appearing on the frontend?
There are several reasons why WebP images might not be pulled correctly on your website. 1. As the first step, make sure that WebP copies of the images were created. To check this, you can open any storefront image in a new tab and modify its URL the ...
Announcements
⚡ Have you enlarged the functionality of the Amasty extension with your own code? Share your improvements with us!
At Amasty, we understand that some of our clients require customized features to perfectly align the extension with their business needs. If you have developed new functionality within an Amasty module and would like to share it, please submit a ticket