The loading speed of an online store has a major impact on customer experience and search engine ranking.
The Google PageSpeed Optimizer for Magento 2 can significantly improve the Magento page load speed and store performance. Generally, the PageSpeed score is 90 out of 100.
- Advanced JavaScript bundling
- Lazy-load Images
- HTML, JS and CSS Minification
- Image optimization and conversion to WebP
- PageSpeed Monitoring Tool
Feature Highlights
Business Value
Opportunity: Google considers the speed of an online store when ranking a site in the search results. It has even made a tool, which allows you to estimate your store’s PageSpeed score. Stores with a higher score will be more likely to get to the top of the Google search results for important key requests.
Problem: The default Magento gets only the orange mark for the desktop version and red mark for the mobile version in this tool. Check Google Page Speed score of your store.
Solution: Our module will increase your store’s page loading speed and greatly raise the PageSpeed score. Default Magento, along with our module, shows the PageSpeed score in the “good” green mark with scores close to the highest possible for the desktop version and score with an orange mark for the mobile version.
How does it work?
The extension applies optimization to your store’s CSS, JS files, HTML and images. It reduces the size of the initially loaded content, improves the speed of loading, and removes resources that block fast page loading. Eventually, it will greatly improve the user experience and Google PageSpeed Score.
Advanced JS files bundling
The default Magento collects a major portion of the code in its JS files that are not required on virtually every page. This code significantly increases the number of loaded JS files up to 120 and their total size up to 7 MB.
The problem of excessive JS code loading on the web page has now been resolved. Our module has the option of JavaScript Optimization which combines only the required JS files to be loaded.
This reduces the number of loaded files by 3 times and the file size by 7 times! As a result, the loading speed of the web page and JS files is much higher.
You can further increase Magento product page speed optimization by using the Merge JavaScript files option.
Once enabled, it seeks to reduce the number of HTTP requests made by a browser during web page refresh. This is done by replacing multiple distinct JS files with a single JS file.
Lazy Loading of Images
Magento loads website images by default along with the main HTML, CSS, and JS files. As a result, the page will be displayed incorrectly and will not work until all the images are fully loaded. It negatively impacts customer experience and reduces the PageSpeed score of a website.
Increasing page speed for magento-hosted websites can be done by postponing the loading of images to the point when they are required.
First, the module uploads the most important files and shows customers a page with accurate placeholders instead of the images. When customers start to interact with the website, for example, scrolling down the page, the module loads the necessary images in the background.
