What if I don’t see the speed improvement after the plugin installation?

The website speed depends not only on Magento 2 but also on server configurations, quality of connection, and theme performance. The Google Page Speed Optimizer guarantees rating up to 97 if you use a fast server and default Magento theme. But our plugin can not affect these factors. It influences the following problems reported by Google:

  • minify JavaScript/HTML;
  • remove unused CSS from Magento 2;
  • optimize Magento TTFB;
  • defer offscreen images;
  • eliminate render-blocking resources;
  • properly size images / Serve images in next-gen formats;
  • keep request counts low and transfer sizes small.

 If you don’t see speed improvement, you can audit your website with PageSpeed Insights or by using the built-in diagnostic tool:

magento-2-google-page-speed-optimizer-diagnostic-tool

 

In the report, you will see the list of issues that you need to fix. Below we provide the most common problems and steps that will solve them.

1. JavaScript issues

  • Minify JavaScript
  • Reduce JavaScript execution time
  • Keep a low number of requests and transfer data in smaller sizes

To solve these problems, please, set Magento Production mode instead of Developer or Default. The Production mode is required to get the best performance of this extension.

Then, go to the extension configurations, open Settings > JavaScript, and make the following configurations:

magento-2-google-page-speed-optimizer-js-settings

 

Save the configurations. Then, click on the Start button and follow the instructions given:

magento-2-google-page-speed-optimizer-js-settings-start

 

The plugin will reduce the number of JS requests and minify JS files.

2. Minify CSS

To fix this error, enable these configurations:

magento-2-google-page-speed-optimizer-css-settings

 

 In Magento Production mode, run the command:

 bin/magento setup:static-content:deploy

3. Serve images in next-gen formats

This task can be resolved by enabling Image optimization:

magento-2-google-page-speed-optimizer-image-optimization

 

After that, open Content > Image Folder Optimization Settings:

magento-2-google-page-speed-optimizer-image-folder-optimization

 

Create a new pattern. On the pattern creation page, choose folders and subfolders where the images are located.

Note: Image optimization requires the installation of additional software

Please, follow the instructions in the guide to install optimization tools. 

→ How to install image optimization tools

4. Defer offscreen images

To fix this error, make sure that “height 100%” isn’t used on the front-end. We recommend removing or changing it in the HTML and body. This is necessary for the correct work of Lazy Load.

Also, our extension is not able to apply Lazy Load to images in the /pub/static/ folder and images that are part of navigation, popups, etc.

5. Reduce server response times (TTFB)

If you are sure in your server settings, you can try to improve website speed with the Full Page Cache Warmer extension.

6. Remove unused CSS 

In this case, we can only recommend contacting the person responsible for the host maintenance to dive deeper into the issue details.

Here's an example of how to run diagnostics with the Google Page Speed Optimizer extension: 

See more details on Google Page Speed Optimizer page

User Guide

How can we help you?

Didn’t you find the answer to your question? We are always happy to help you out.