Giving visitors a great experience is the aim of every website. It’s incredibly important to keep the website going quickly. It is perfect for people with poor Internet access, and even most critically, it is one of the many aspects that decide the rankings of search engines.
1. Using the Autoptimize Plugin
- You need the install Autoptimize plugin for that to go to Plugins and Add New and find Autoptimize and install.
- Now click on the ‘Save changes and Empty Cache’ button at the end.
- Test your website with the Google Page Speed tool now. If there is still a question then press the Advanced Settings options.
- Now allow inline JS to be included in the plugin and remove scripts such as jquery.js.
- Scroll to the CSS option below and allow the plugin to mix CSS inline.
- To save your changes and empty the cache, click on the ‘Save changes and Empty Cache’ button at the end.
- Now go to the google page speed and check your website again.
2. Using the W3 Total Cache Plugin
W3 Total Cache is the next performance tool on the WP website. Thousands of web admins use this tool to make their websites more SEO-optimized and fast in performance, so you don’t have to worry about the efficacy of W3 Total Cache, especially when it’s optimized for progressive render.
- It is recommended for the users that already have a W3 Total Cache plugin on their website.
- You need to go to Performance then into General page Settings and scroll down the search for Minify.
- Primarily check the ‘Enable’ option next to Minify, and then select the ‘Manual’ option for minify mode. Save all the settings then save your settings.
- Google Page Speed Insights tool gives you the URLs of all the scripts and stylesheets you want to minify.
- You need to copy the URL of these scripts and paste in JS and CSS URLs. Option
- First, you have to scroll down to the JS section and then set the embed type to ‘Non-blocking async’ for the section under ‘Operations in Areas.’
- Now add the JS URLs you copied from the Google PageSpeed tool in provided space.
- Next, scroll down to the section on CSS and click the button ‘Add a stylesheet’ Now add CSS URLs from the Google PageSpeed tool that you copied to.
- Finally, to store your settings click on the ‘Save settings and purge cache’ button.
- Open the Google PageSpeed application and recheck the website
Site speed is affected by many factors and one of these is render-blocking scripts. This is a factor that can make a considerable difference in load times. The fewer scripts your site has and the lighter, the better your site will be.