Do you want to make your WordPress site faster? Well, there are many different ways to improve website loading speed, but this tutorial, I’ll show you the best Autoptimize settings that optimize CSS and Javascript on your WordPress site and improve site performance and page load speed.
The main goal of the Autoptimize plugin is to minify your website’s CSS and Javascript files and improve website performance. In addition, it also optimizes HTML files.
So let’s start the configuring Autoptimize settings…
Best Autoptimize Settings
First, install and activate Autoptimize plugin in your site. After activating the plugin, click on Settings >> Autoptimize. This will take you to the settings page.
Here you will see two settings – Basic and Advanced setting. Apart from this, you can configure CDN.
Autoptimize Basic setting
Here select all checkboxes and click the Save changes button.
When you click on Save button after completing Autoptimize basic settings, it will start optimizing CSS, Javascript and HTML on your site.
If its basic settings do not work on your website, you need to configure Autoptimize advanced settings. But before going into advanced settings you have to configure its Basic setting.
Autoptimize plugin Advanced settings
Just click on the Show advanced settings option at the top right.
Here you will see many options. But your advanced settings will be like this,
HTML Options
Here check the box of Keep HTML comments, then proceed to the next setting.
Javascript Options
Here check the box of Aggregate JS files and Also aggregate inline JS. See screenshot below
CSS Options
In this section, check the box of Optimize CSS Code, Aggregate CSS-files and Also aggregate inline CSS.
Along with this, you can also configure the CDN to increase your Website loading speed.
CDN Options
Enter your CDN URL in the CDN Base URL field, then click on Save Changes and Empty Cache button.
Autoptimize Additional Settings
Autoptimize plugin added another new setting to its update. These settings allow you to remove query strings, emojis and Google Fonts from your site.
All these options you can find in the Extra tab.
Again, Autoptimize has updated a new feature to make your site faster by optimizing and lazy load your images, WebP support included.
If you have installed the plugin for Lazy-load on your site and are also Autoptimize then using the Autoptimize’ lazyload feature can be a good idea.
Just navigate to Images tab and follow the screenshot below,
In addition, you can make your WordPress site more faster by using Shortpixel’s global CDN.
Also by ticking the “Load WebP in supported browsers” checkbox, you can serve “next-gen” WebP image format to any browser that supports it. But requires lazy load to be active.
Autoptimize’s image optimization can make your site faster than ever before.
Congratulations! You have successfully configured Autoptimize Settings.
Autoptimize plugin fully compatible with WP Super Cache and CDN service. Proper Autopitimize settings greatly reduce your page size and improve the website loading speed.
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…