Speed is a very important Google ranking factor. You can use Autoptimize plugin to improve your website loading speed. It is a speed booster plugin and makes optimizing your site really easy.
Do you want to make your WordPress site faster? Well, there are many different ways to improve website loading speed. But here, I’ll tell you how to speed up a WordPress site with Autoptimize plugin.
The main goal of the Autoptimize plugin is to minify your website CSS and Javascript files and improve website performance. In addition, it also optimizes HTML files.
But for this, the proper settings are very important. This article will provide the best Autoptimize settings to make your website blazing fast.
How To Setup The Autoptimize Settings
First, install and activate the Autoptimize plugin in your site. After activating the plugin, click on Settings >> Autoptimize. This will take you to the settings page.
So now let’s start configuring Autoptimize settings …
JS, CSS & HTML
In Javascript Options, I have checked the following boxes:
- Optimize JavaScript Code?
- Aggregate JS-files?
- Also aggregate inline JS? (This combines JavaScript files that are located in HTML files. However, Autoptimize gives you a warning. If it breaks anything on your site, disable this. Also increase cache size)
- Add try-catch wrapping? (Enable it when there are JavaScript errors. This is another way to fix JS errors without having to enable force JavaScript in head)
In CSS Options, I have checked the following boxes:
- Optimize CSS Code?
- Aggregate CSS-files?
- Also aggregate inline CSS?
- Inline and Defer CSS? (You need to install “Autoptimize criticalcss.com power-up“ plugin and enter the criticalcss.com API Key, which is a premium service that can be availed for £7/month. Otherwise, keep it disabled)
As you can see, there are no advanced settings to optimize in HTML Options. Here just check the box of Optimize HTML Code?.
Images
In this section, you can use CDN and set Lazy load for your images. This improves your website loading speed and reduces server load.
Extra
In this tab, you can remove query strings, emojis and Google Fonts from your site.
In Google Fonts you can choose “combine and link in head” option. This improves load times for fonts.
Congratulations! You have successfully configured Autoptimize Settings.
Autoptimize plugin is fully compatible with WP Super Cache. Proper Autopitimize settings greatly reduce your page size and improve the website loading speed.
Autoptimize’s default settings are perfect for most sites.
Find this article helpful? Don’t forget to share it!
More Resources:
Very good post. I’m facing some of these issues as well..
I ‘m using Auto Minify in Cloudflare.
What are then the settings in Autoptimize?
You can use Autoptimize’s default settings.
I wonder why we need to check Keep HTML comments of autoptimize?
Keep HTML comments of autoptimize does not impact much on Speed. You can Disable it
I could not find the solution anywhere. But adsense ads do not show when autoptimize is enabled. Do you have a solution. Please?
yeah! you can exclude the .js code of plugin you using to insert ads. could you please provide your plugin name. so, i could help you…
Leave HTML Comment Under HTML Option in Autoptimize. Also, uncheck each option to see which works for you.
Thanks for sharing
I was searching the best setting for this plugin really. Thank you to share with us.
After applying this setting, my site loads very fast … Thank you.
Here you have shown very basic settings but still very effective.
Nice informative article thank you.
Thanks a a lot for this, but each time I alow this settings, upon checking my sitespeed with Google sitespeed checker, it becomes slower.
How do I get though this?