WordPress gives a lot of options for users in every aspect. This is why the platform is so popular and very user-friendly. Almost every task can be done by utilizing the right plugin.
Autoptimize is a fantastic WordPress website optimization plugin that offers a number of features and settings. All of these allow you to optimize your website in different ways.
- Inline Critical CSS
- Defer the Aggregated Full CSS
- Minify HTML
- Defer Scripts to Website Footer
- Optimize Images
- Lazy Load Images
- Optimize Google Fonts
- Remove WordPress Core Emoji
All of these things work in conjunction for better website performance. Basically, Autoptimize will speed up your WordPress website by taking all scripts and styles and minimizing and compressing them. It minifies the HTML as well, so all of this works together to make your website more lightweight and add faster page loading times.
Install and Activate Autoptimize
Once the plugin has been installed and activated, you need to access the main settings page to configure it how you want. To do this, click on Settings > Autoptimize, located in the left menu area of your dashboard.
While the plugin offers a lot of different optimizing settings, we are focusing on one in particular for this tutorial.
When you arrive at the setting’s page you will see five different tabs. These include:
- JS, CSS & HTML
- Optimize More
- Critical CSS
Other Optimization Options Available
Now that you have the main function clicked on and running, let’s take a look at the other optimization settings that Autoptimize offers. Since the plugin is already installed, you don’t want anything to go to waste. Here is what else is available under different tabs.
JS, CSS & HTML
Now scroll down some and you will find some options to combine external CSS code as well. Again, check these boxes off as you see fit. Your settings will be based on your preferences.
Scroll a little further down and you will find the HTML and CDN options, as well as the Cache information that is readily made available.
Finally, at the bottom of the page you see some more Miscellaneous options available to you. Go ahead and finish this and click on the “Save Changes” button to put your new settings to work.
If you click on the Images tab, you will be given some information and options that will help optimize the images on your WordPress website. You also have the chance to lazy load images from here.
This tab will give you a number of “extra” auto-optimization settings that you can go through and set how you would like.
This tab is where the Autoptimize plugin will give you some suggestions and recommendations of other plugin to use to help optimize your website.
Finally, the Critical CSS tab will give you information about the Critical CSS add-on plugin that you can install. I recommend adding this plugin for optimal performance. If you want to install it, just use the built-in link to get it and the tool will help you combine external CSS.