If you have ever tested your website on Google PageSpeed Insights, it is a specified rule over there. If your website doesn’t comply with this rule, it is said to have issues in the speed as well.
Well, It is easy to check if your website is facing a similar type of issue. You can check if there is any similar warning on your website by testing its page speed. Google PageSpeed Insight is a great option to check the page speed of your website.
- Firstly, visit the Google PageSpeed Insight website.
- Enter your website URL in the field which says “Enter a Web page URL”.
- Now, Click on Analyse and wait for the results to appear.
- Once you see the result of your webpage speed, look for the warnings.
- It will show you various warnings that you can fix on your website.
There are multiple suggestions available there on the page speed insights page. It is not necessary to get 100 Score by making poor User Experience of your website. You should never force your website to get 100.
It is easier to fix this issue if you are using WordPress as your CMS. You don’t require to do any major changes to your website. There are already great resources available on WordPress to fix this issue on your website.
This is the first plugin that we are going to use. This is one of the most popular plugins from this list. If you have the plugin already installed on your website, skip the installation steps, and continue.
- Go to the WordPress dashboard of your website
- Then Click on Plugins > Add New Plugins
- Search for W3 Total Cache. Install the plugin
- Activate the plugin that you just installed.
- Now, navigate to the WordPress dashboard
- Click on Performance and then select General Settings
- Now, look for an option named as Minify. Under this section, you will see a lot of settings.
- Click on the checkbox to Enable the Minify option.
- In the Minify mode, select Manual instead of Automatic.
- Click on Save All Changes
- Once you get a clear idea about what is causing the issue, come back to the Minify option from the Performance tab on WordPress.
- Now look for the JS Minify settings. From the Operation in Areas section, select the ‘Non-blocking using “defer”’ option in the “Before </head> settings.
- Under JS file management settings, choose the theme that is currently active on your website. Now click on Add Script.
- Now, navigate further to see CSS settings.
- Under CSS File Management settings, again choose the theme that is currently active on your website.
- Now, click the “Add a Stylesheet” button.
- Again copy the CSS URLs from the Google PageSpeed Insight page under the warning.
- Paste the CSS URLs in the fields under CSS File Management Settings
- Click on Save Changes & purge all the cache using the same plugin.
Now, it is time for another plugin in action. We are going to use the Autoptimize plugin on the WordPress website. It is also available on the WordPress library. Follow these steps in order to use this plugin for fixing the warning on your website:
- Navigate to your WordPress Dashboard. Click on Plugins > Add New Plugin
- Search for Autoptimize. Install and activate this plugin.
- Once done with the installation, click on Settings and then select Autoptimize.
- Once you have clicked on both the checkbox, click on Save Changes and Empty Cache.
- Navigate to the Settings > Autoptimize again.
- Click on “Show Advanced Settings”
- Similarly, click on the checkbox against “Also Aggregate Inline CSS”
- Once you have clicked on both of these boxes, click on Save Changes.
- Firstly, Navigate to the WordPress dashboard. Click on Plugins > Add New Plugin
- Search for Speed Booster Pack. Install & Activate the plugin on your website.
- Now, Navigate to the settings of Speed Booster Pack.
- Click on Advanced button from the settings
- Now scroll down to see the CSS Optimization settings.
- You will see the toggle to Inline all CSS, Minify all (previously) inlined CSS, Move all inlined CSS into the footer.
- You can enable different toggles at different times & check if the issue is resolved. You just have to ensure that the Google PageSpeed Insight does not show any warning regarding the same.
That was all about this one. If you have tried any of the above methods, share your experience with us if you were successful or not to fix the warning. Follow us on Social media platforms to get the latest updates.