Google PageSpeed Optimizer for Magento 2
The loading speed of an online store has a major impact on customer experience and search engine ranking.
The Google PageSpeed Optimizer module can significantly improve store performance. Generally, the PageSpeed score is 90 out of 100.
- Lazy-load Images
- HTML, JS and CSS Minification
- Image optimization and conversion to WebP
- PageSpeed Monitoring Tool
We will install the extension in to your online store and configure it according to your requirements
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 55 for the desktop version and 5 for the mobile version in this tool. Check Google Page Speed score of your store.
Solution: Our module will increase your store's speed and greatly raise the PageSpeed score. Default Magento, along with our module, shows the PageSpeed score of 99 for the desktop version and 60 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 initially loaded content, improves the speed of loading, and removes blocking resources. Eventually, it will greatly improve the user experience and Google PageSpeed Score.
Optimizations of JS and CSS
- Advanced JS files bundling
- Move CSS, JS files to the bottom
- JS, CSS, HTML minification
- Preloading CSS files
- Defer CSS files loading
- Defer YouTube videos & Google Fonts
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 JS files up to 120 and their size up to 7 MB.
This problem has now been solved. Our module combines only the required JS files.
This reduces the number of files by 3 times and the file size by 7 times! As a result, the loading speed of the JS files is much higher.
Move CSS, JS files to the bottom
In Magento, JS files were included in the heading of the page by default, prior to version 2.3.3. As a result, they were loaded first. It blocked the loading of the main part of a page. Users had to wait for JS files to load.
As recommended by Google, our module moves the content of JS files to a website footer. In this way, it takes less time to load and display a web page.
JS, CSS, HTML minification
Our extension applies different minification algorithms to reduce the size of Magento JS, CSS, HTML files.
Preloading CSS files
To speed up the loading process of CSS files, our extension allows you to preload the most important files for rendering of the page
Using this technology, the page is correctly displayed even if other files are still loading in the backgroud
Defer CSS files loading
To speed up the loading process of CSS files, our extension allows you to postpone the loading of files which are not directly used in the initial rendering of the page
Those files will be loaded in the backgroud later.
Defer YouTube videos & Google Fonts
The extension allows you to postpone the loading of YouTube videos and Google Fonts. This way, it improves the overall loading speed.
Postponed files will be loaded in the background after loading of the main set of files
Optimizations of Images
- Lazy Loading of Images
- Image compression
- WebP format support
- Preload images
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.
Our module allows you to postpone loading of images to the very end.
First, the module uploads the most important files and shows customers a page with accurate placeholders instead of the images. While customers start using the website, the module loads the necessary images in the background.
On average, 50% of page size are images. By optimizing images, you can reduce page size by up to 20%.
The page speed optimizer extension can automatically optimize images for all common formats: JPEG, GIF, PNG.
Additionally, page speed optimizer automatically can convert images to modern .WEBP format.
WebP format support
WebP is a modern image format. It greatly reduces the size of images, while still providing good quality.
The images are 25%-35% smaller in size compared to PNGs or JPEG. Google recommends this format for web pages.
Preload of images
To speed up the loading process, our extension allows you to preload the most important images
Using this technology, the page is correctly displayed even if other files are still loading in the background
PageSpeed Monitoring Tool
The extension has a built-in PageSpeed Monitoring tool. It allows you to see changes of your store's page speed score over time.
I still need some more granularity for including or excluding specific scripts from being merged or bundled, but I hope that is coming in the future. It is a great place to start and has speed up our site about 15%. I still want much more and this will hopefully make it much easier in the future with more options.
I strongly recommend it to magento professionals!
Was a bit sceptical about this extesion but must say i'm impressed.
Have a desktop ranking on around 95 from 56.
Amazing and I have not tested its full potential yet.
Wow I must say.
Check it for yourself: https://www.laserpenonline.nl (https://developers.google.com/speed/pagespeed/insights/?hl=nl&url=laserpenonline.nl&tab=desktop)
These are our primary. A major portion of our new clients come from referrals from our existing clients. Our professional team of developers, marketers and support staff have invested the best knowledge and experience in the field into our work, so you know you can come back to us again and again.
90-days free and high quality support. We go to great lengths to provide maximum satisfaction with every module you have purchased in our store. By helping you with installation, configuration, answering your every question, we do all our best to eliminate any possible problems.
30-days money back guarantee. If you are not satisfied with our extension’s performance for any reason, we provide a full refund.
We provide you with lifetime free updates. We constantly add new features to all our modules, and are always interested in hearing your opinion and implementing your suggested features in our future developments.
We provide an expanded user guide for every aspect of our extension, so you can find answers for all your burning questions.
You can customize extensions according to your needs and requirements.
The Module is easy to install and upgrade, just follow our step-by-step user guide.
No core modifications. Just use the composer or copy the extension’s files to the root directory of your store.