Autoptimize Settings 2019

Configure Various Autoptimize Settings — Step by Step

1. Installing the Plugin

1. Login to your admin.
2. Click on Plugins-> Add new -> Search for Autoptimize.
3. Click on Install-> Activate.

If you are a WordPress Beginner and want to know the different ways of Installing a WordPress Plugin, Please refer our guide to.

2. Optimize HTML, JavaScript and CSS Codes.

First of all find the installed Autoptimize plugin by clicking on, Plugins-> Installed Plugins. Find the plugin and click on settings.

(i) Optimizing the HTML Code.

In order to minify all the HTML code in your website, tick the first box, “optimize HTML code”.
This will remove all of the white spaces in between the HTML codes, which can ultimately help in reducing the file size of your website.

(ii) Optimizing the Javascript.

This is the most important part, since most of the errors that might occur is because of the Javascript files. To configure it properly, tick “Optimize Javascript Code” and “Also aggregate inline JS“.

Now here comes the part if your site uses Sliders or any elements that has any effects such as transition/flasy, Some of the elements in the site might break or cause an error, in which it is important that you find the js file causing it and include it in the “Exclude Scripts from Autoptimize”.

In the Screenshot above, I have excluded the main Jquery file (jquery.js) from Autoptimize, which causes most of the error.

( iii) Optimizing the CSS Code.

In order for this to work you need to tick the “Optimize CSS Code” and “Also aggregate inline CSS”, Rarely though “If you encounter any error” or some of the elements doesn’t show up as it should be, you can exclude the CSS files from minification by including the file name in the “Exclude CSS from Autoptimize”.

This will minify all of your CSS code making making your website a little smoother by reducing the file size.