In this article you can learn how to get the most out of Autoptimize.
Options of Autoptimize
Autoptimize has two general settings: basic and advanced. You open the advanced settings by clicking on that option.
By selecting the desired options, the plugin will immediately start optimizing your website. In most cases, this will work out of the box. You will have to check the design and functionality and make sure everything works and looks like before. If so, basically you’re done!
It is possible your website doesn’t work and look like before activating the plugin anymore. Or it does, but you still want to go all the way. Then you can use the advanced settings. They appear after selecting the option. You can see the basic options you had before now have some additional options. Only when you checked the basic options, you can also use the advanced options.
As you may have noticed, there are no advanced options for optimizing HTML. Nothing to be done here. I left the option “Keep HTML comments” checked. By unchecking this, all comments will be removed from the HTML. The difference will be marginal.
WordPress itself, the theme and plugins all use their own stylesheets. Putting them all in one stylesheet may cause some design to break. You will have to exclude that particular CSS file to be combined with the option “Exclude CSS from Autoptimize:”.
Do you want to use Google fonts? If not, but your theme loads them anyway, you can check the option “Remove Google Fonts?” That saves another HTTP-request!
You can have your optimized files served from a CDN. Just fill in the base URL of your CDN!
On the Extra tab you can find Extra auto-optimization options. You can use these to your likings, but always test the results!
In the pictures below you can see the difference when you have configured Autoptimize in the best way possible. Note the decrease the number of HTTP-requests!
By using this plugin the right way, you can make your website a lot better and faster. Your visitors will notice also!
Tip: Take a look at the stylesheets and scripts that load before you activated Autoptimize. And compare it with the stylesheets and scripts after you activated and configured it.
Tip: for support by the plugin developer, please visit the support section of the plugin on WordPress.org.
Do you have any questions? Or would you like to tell how you made your website faster? Please use the comment form below!