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 style sheets and scripts that load before you activated Autoptimize. And compare it with the style sheets 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.
Tip: Need a pro to set up Autoptimize? You can get it here!
Do you have any questions? Or would you like to tell how you made your website faster? Please use the comment form below!
very informative article. i think Autoptimize wordpress plugin best for page speed.
Thanks for sharing 🙂
Be careful. Optimizing HTML will push hyperlinks as secure (https://..). If the site to which you are linking has not upgraded to SSL, the link will not work. But, yeah, the plugin does what it says it will do. Nice!
but you know what, the plugin break down my CSS
Have you tried all different options? If it still breaks up your site, this is not your plugin.
Have you tried to contact the developers of Rev about compatibility with caching and optimization plugins? They should keep the use of this kind of plugins in mind when they develop a plugin. But even then, it is possible it doesn’t work out for your website.
Another possibility is trying some other slider.
I was testing my subdomain website, and created a sub.subdomain.domain.com as my CDN. But when putting //sub.subdomain.domain.com/ in the CDN section, my website breaks. What wrong am I doing?
Sorry for the very late reply. This question is more subdomain related. I can’t answer that for you, sorry. Maybe this helps: https://www.gulshankumar.net/serve-static-content-from-a-cookieless-sub-domain/
I use Auto Minify in Cloudflare. What are then the settings in Autoptimize?
None. Cloudflare minifies already by Autoptimize minified files. As far as I know, there are no conflicts.
Hello I am currently using the autoptimize plugin to optimize my website. However, when I check the css options, it messes up my homepage design. Do you have any idea on what specific css files I should exclude to solve such an issue. Your response will be highly appreciated.
The only way to find out, is by exclude css one by one. After excluding css, check the front end.
Hello, could you elaborate a little on what google fonts are? I just removed them with autoptimize, and I noticed in certain areas my text looks less bold. Not necessarily in a bad way though. Will this help speed?
Thanks for a great article!
Thanks for your response!
Google fonts are fonts made available by Google and used by your theme and/or plugins. These fonts are loaded from an external source every time you visit your site. This can be bad for the website speed. Turning them off means your theme and/or plugins will fall back to there own fonts, which can result in different fonts on parts of your website. If this doesn’t bother you and your visitors, you can remove these Google fonts without harming the website itself.
I Set’s all the settings properly but where i can found my CDN url
You use a CDN? Then they can provide you your url. But I noticed you use Jetpack, and your images are served by their image CDN. And you are using Autoptimize in combination with W3 Total Cache. Looks like you have all the optimization you can get!
Thanks for your comment! Very nice to have a comment from a satisfied long time user of the plugin. It can be challenge to set it up well, but it definitely can speed up your site.. Making a backup is always good advice!