As the easier of the two approaches, using the Autoptimize plugin is recommended for all those with little knowledge of web development. Once you’ve installed and activated this plugin, visit the ‘Settings’ followed by ‘Autoptimize’ page.
Once you’ve hit ‘Save’ you can test your website using the PageSpeed tool to ensure there are no render blocking scripts. If this is still the case, go back into the ‘Advanced Settings’ and enable the plugin to include inline JS and remove any scripts which are excluded by default such as seal.js or jquery.js.
From here, go to the CSS option and allow the plugin to aggregate inline CSS. Finally, click on ‘Save changes and Empty Cache’ before checking once again with the PageSpeed tool.
Utilising W3 Total Cache
This approach is slightly more time consuming but more feasible for users of the W3 Total Cache plugin. Start by going to ‘Performance’ followed by ‘General Settings’ and finding the ‘Minify’ section.
Next to the Minify option, click ‘Enable’. For the ‘Minify Mode’, be sure to select the ‘Manual’ option and then hit ‘Save’. The next part requires you to add the scripts and CSS that you need to minify.
The same will have to be done for the style sheet URLs which can be done by scrolling to the CSS section before hitting ‘Add a stylesheet’. Again, these can be copied and pasted from the Google PageSpeed tool.
Finish by clicking on ‘Save settings and purge cache’ which will store any settings. Test your website thoroughly and check site speed which should now show a marked improvement on Google PageSpeed.