How can you find out if your store needs optimization? There is a Google PageSpeed Insights tool, which shows possible enhancement points to make your site perform better. We can congratulate you if your site score is higher than 90 points! But if the result is below 90, we recommend you to discover how site performance optimization can prevent losing potential customers.
Strengthen your site health via performance optimization
Automatically optimize images
Generally, lots of images on store pages are pain in the neck. Because of their huge size pages work slowly and irritate customers. Magento 2 Google Speed Optimizer helps to reduce the size of all JPEG, PNG and GIF images on your store pages with no quality loss.
Move JS to Footer
Putting all JS to the bottom of the page helps to load all the important content before loading JS. That’s how you can make page render faster.
Sign Static File
As you may know JS and CSS files are cached by users’ browsers when they visit a page for the first time. There is a risk that if admin changes styles or JS, customers will see the old version of the page from cache. To avoid this you can sign static files.
Enable lazy load for images
Lazy loading option makes off-screen images load only when a customer scrolls to them. It helps store pages full of images not to lag.
Minify HTML, CSS and JS
Minification helps to reduce original code size from 10 to 20% by removing all the unnecessary comments, line breaks, tabs and spaces. The less code you have, the faster your store pages are loaded.
Use Asynchronous Indexing
To prevent conflicts between different operations you can store and index order data asynchronously. Order data is placed in a temporary storage and moved to the Order Management grid with no accidents. It's a safe way to make your site perform better.
Use Flat Tables
A Flat table is an additional table storing all information about a product or a category. Such tables help to shorten the query in the database. The shorter the query, the better the store performance.
Merge CSS and JS
Reduce the number of queries and their processing time by merging several JS and CSS files into one. As a result, customers see page content faster and nothing stops them from making a purchase.
- 100% Open Source — Easy To Customize
- Follows Magento Code Architecture
- Separated HTML/CSS/JS
- Simple installation via Composer
* The name "Magento" and the logo are the trademarks of Magento, Inc.
Version 1.0.1 - January 17, 2019
– Improvement: minor visual improvement in the admin area (extension settings)