The speed of your website is slow, which has a negative effect on Google rating and ranking and especially on the customer experience. Magento 2 Speed Optimizer or Magento 2 Speed Optimize (also known as Google page speed optimizer Magento 2) of Magepow will help speed up your website.
Overall, there are many ways to speed up your website. However, in some cases if your hosting is too weak and can hardly meet the data source on your website. We recommend upgrading your hosting plan. It is one of the easiest and fastest ways to improve website speed in such cases. Currently we offer several hosting packages with configuration settings to get high performance for your store.
You can find out more here
In fact, many research resources show that users often leave a website if it takes more than 3 seconds to load. Thus, it can be seen that a slow web speed will make you lose potential customers before they visit your store. (Read more Why is website speed important)
No doubt, the faster speed can bring to customers a great shopping experience instead of slow page loading. Understanding this, Google used speed as one of the factors to rank a website. If your website speed is fast, your chances of getting to the top will be higher, reach more potential customers, and your ability to sell goods will be higher.
To test your web speed you can use Google PageSpeed Insights. This is a free tool of Google that allows you to test the website speed. If the result is below 80 points, we recommend that you explore ways to make your website perform better.
Some other tools to measure website speed such as: Lighthouse, GTmetrix...
Let's find out why website loading speed very slow and them in a number of ways such as: move your website to a better host, using the CDN, minimize HTTP requests, files, optimize CSS, lazy loading, reduce image sizes to speed up website, use external hosting platforms, reduce the number of plugins, reduce redirects, enable browser caching, set up G-Zip encryption to compress data, monitor mobile page speed... (Detailed information about how to speed up website)
Speed Optimizer for Magento 2 is the extension that can help page speed optimization and performance optimization by using simple and quick configurations. No coding needed, the store owners also can enable, manage, configure in Admin Panel. For example, in the Admin Panel, you can easy to apply LazyLoad, minify HTML, defer JavaScripts... to improve your website speed. Therefore, Magento 2 Speed Optimizer extension will help you save much time and cost.
- Disable and Enable the module whenever you want in Admin Panel.
- Allow applying Preloading Body and upload Loading Body placeholder
- Allow applying Preloading Images and upload Image placeholder
- Ability to exclude Images that you don't want to apply lazy load and preloading based on Image classes (use comma to separate).
- Support for placeholder images to keep the layout of the website not broken when the site isn't loaded completely.
- Allow setting the place that you want to apply to lazyload from that to bottom by busing ID or class of the block.
- This is ideal for those who don't want to apply lazy load to the page-top such as the header or top banner slider.
- Support minify javascript inline
- Defer javascript: move Javascript to page bottom. A script that will not run until after the page has loaded (This is abandon magento avaiable feature in Admin Panel > Stores > Configuration > Advanced > Developer > Javascript Settings > Move JS code to the bottom of the page => Choose "Yes" )
- Support minify CSS inline
- Scripts and Style Sheets: This field is for who want to customize the lazy load, use particular scripts or style.
Pro version with outstanding features
| Features | Free Version | Pro Version |
|---|---|---|
| Preloading Body | ✅ | ✅ |
| Change the preloading body icon | ✅ | ✅ |
| Preloading Images | ✅ | ✅ |
| Change the preloading images icon | ✅ | ✅ |
| Lazy Load | ✅ | ✅ |
| Exclude images that loaded, not lazy or do not want to be preloaded | ✅ | ✅ |
| Placeholder help keep layout original while loading | ✅ | ✅ |
| Set the position where you want to apply the lazy load from that to bottom | ✅ | ✅ |
| Exclude HTML in desktop version | ✅ | ✅ |
| Exclude HTML in mobile version | ✅ | ✅ |
| Minify Html | ✅ | ✅ |
| Minify inline Javascript | ✅ | ✅ |
| Customize the lazy load, use particular scripts or style | ✅ | ✅ |
| Do not load images until mouse movement | X | ✅ |
| Enabled mode no-js support optimize scores Gtmetrix or Google pagespeed | X | ✅ |
| The unladen image will appear as a frame with the background | X | ✅ |
| Customize background color | X | ✅ |
| Customize background opacity | X | ✅ |
Download the latest version at Magento 2 Speed Optimization Extension
Run the following command in Magento 2 root folder:
composer require magepow/speedoptimizer
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
A: The error can cause with SyntaxError: missing ; before statement. When module speedoptimizer minify js will cause error You can read more error here SyntaxError: missing ; before statement. Solution 1 (Recommend): Fixed the all missing ; before statement you can use 'use strict'; in code to find js to find and fixed error missing ; before statement. You can read more how to use 'use strict'; here use strict or Strict mode
Solution 2: Go to Admin Panel > Stores > Configuration > Magepow > Speed Optimizer > Minify inline Javascript => Choose "No"
If this project help you reduce time to develop, you can give me a cup of coffee :)
