How to Install and Set Up AutOptimize in WordPress

This tutorial shows how to install and set up the AutOptimize WordPress plugin.

What is AutOptimize

Autoptimize is a WordPress plugin that makes optimizing your site really easy. It can aggregate, minify and cache scripts and styles, injects CSS in the page head by default (but can also defer), moves and defers scripts to the footer and minifies HTML. The “Extra” options allow you to async non-aggregated JavaScript, remove WordPress core emoji cruft, optimize Google Fonts and more. As such it can improve your site’s performance even when already on HTTP/2! There is extensive API available to enable you to tailor Autoptimize to each and every site’s specific needs.

Transcript

How to install and set up AutOptimize in WordPress

This tutorial assumes that you are already logged in to the WordPress admin panel as the admin user.

Now let's learn How to install and set up the Autoptimize plugin in WordPress.

Autoptimize allows you to easily optimize all of the CSS and JavaScripts of your website .

Go to Plugins and then click on Add New.

In the Search Plugins window, search for Autoptimize.

Here it is!

Now, click the Install Now button.

Great, you have successfully installed the Autoptimize plugin.

Click Activate to activate the plugin.

The Autoptimize plugin is activated now.

Now lets set up and configure the plugin.

Click the Settings option.

Click the Show advanced Settings button to start configuring the plugin.

Use the Exclude scripts from Autoptimize option to exclude the scripts from Autoptimization.

If your .js returns a script error, you can try enabling Add try-catch wrapping as well.

Keep the Generate data:URls for images option disabled if you are using CDN services for the website images.

Enable the Inline all CSS option.

Use the Exclude CSS from Autoptimize option to exclude the CSS from Autoptimize.

Enter your CDN URL in the CDN Base URL field option, if you have purchased CDN Services.

Enable/Disable the Miscelleaneous options as per your requirements.

Click the Save Changes button.

That's it, Your settings have been saved.

You have successfully configured the Autoptimize plugin.

This is the end of this tutorial. You now know how to install and set up Autoptimize plugin in WordPress.

In the HTML Options section, enable Optimize HTML Code and Keep HTML comments.

In the Javascript Options section, enable Optimize JavaScript Code and Force JavaScript in head.

In the CSS Options section, enable Optimize CSS Code. You can also inline your CSS so pages load faster.

Recommended Content