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):
Since v.3.7.0 of the module, it is also possible to optimize a specific image by running the following command:
bin/magento amasty:optimizer:optimize-img -i 2 wysiwyg/image.jpgwhere -i is the ID of the pattern, wysiwyg/image.jpg is the image path.
Please note that the last command is available only as a part of an active support or product subscription for Pro and Premium versions of the module. You can find the amasty/module-optimizer-subscription-functionality package for installation in composer suggest.
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 ...For the image optimization, do we need running optimization all the time when the new image is uploaded?
According to the extension’s functionality, all newly uploaded images will be optimized automatically. Make sure to enable the following setting in Stores > Configuration > Amasty Extensions > Image Optimizer > Automatic Optimization of the Newly ...
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