There are many different ways to improve the speed of your WordPress blog. Some of them might break your theme, though. Let’s take a look at the safest method to implement caching and optimization with just two plugins, WP Super Cache and Autoptimize.
Before you start, it might be a good idea to get a free speed audit offered by WP Engine, one of the best managed WordPress hosting provider on the market. Head to Free WordPress speed test and give it a try. Just type the URL of your WordPress website and they will send the report to your email address.
If you’re just starting and don’t have your blog yet, stop right here and read How to Build a WordPress Blog where I explain exactly what to do to get you up and running. Don’t worry, this article will wait here for you 🙂
Please note that some of the links in this post are affiliate links for products I use and love. This means if you click on such a link and take action (like subscribe, or make a purchase), I may receive some coffee money at no extra cost to you. This helps me creating more content free of charge to you. And, as an Amazon Associate, I earn from qualifying purchases. Thanks for your support!
Let’s install and properly set up these two plugins together, so you’ll get the most out of their potential.
WP Super Cache
Created by the authors of WordPress, this plugin generates static html files from your blog. It’s generally faster and less demanding on resources to serve static html instead of processing PHP scripts.
Even though there are many different caching plugins, WP Super Cache has proven time and time again to be the safest choice when it comes to compatibility.
So, let’s start by installing and activating the WP Super Cache plugin.
You can safely dismiss the warning because this doesn’t apply to you since you’ve just installed the plugin.
Click the link to go to the plugin admin page.
Turn the caching on and click the Update Status button.
Next, select the Advanced tab and scroll down to the Miscellaneous section.
Make sure you have the options selected as shown in the screenshot below.
We want to “Enable caching for all visitors” as it will greatly improve the Dashboard performance, and we also want to “Cache HTTP headers with page content”.
Also, make sure that “Make known users anonymous so they’re served supercached static files” is unchecked as it’s known to break Dashboard functionality on some themes.
Scroll down to the Advanced section and set the options as seen in the screenshot below, namely check “Clear all cache files when a post or page is published or updated” as this will prevent breaking functionality of some themes.
Finally, scroll all the way down and hit the Update Status button.
That’s it! If you’ve done it correctly, you can forget about this plugin as this configuration is guaranteed to work nicely with any theme you’ll decide to use in the future without having to touch a thing afterward.
Autoptimize is a very powerful tool, but it’s definitely not for beginners. Make sure to follow me step by step here and set the options strictly to avoid any problems.
In case you turned the Image Performance during the installation of Jetpack, turn it off. We will use Autoptimize instead and these two don’t like each other.
Make sure that Image Performance is turned off
Again, start with installing and activating the plugin.
Next, go to Settings.
Scroll down to CSS Options section and check “Optimize CSS Code?” while leaving the rest unchecked as well. Even though the performance of your blog might slightly improve if you aggregate and inline CSS, the risk of breaking things is too high. In my opinion, it’s not worth the small push in performance you can get.
Next, scroll to the HTML Options section and check the “Optimize HTML Code?” option.
Finally, scroll down to the Misc Options section and make sure that both options are checked. Converting these scripts into static files will make your site faster without any negative effects or compatibility issues.
Save the changes and empty the cache.
Now, select the Extra tab and check options as shown below. It’s a good idea to combine fonts with webfont.js as it reduces queries and makes your site load faster. Removing emojis and query strings will improve performance as well.
Scroll down and this the Save Changes button.
That’s it! You’ve optimized your WordPress blog for the best performance while making sure that these settings are compatible with any theme you might decide to use in the future.
Even though it’s tempting to use “combining and inlining” features, it’s better to keep them disabled.
Autoptimize doesn’t delete old static files. This means that over time, you might end up with a lot of static pages especially once your blog gets popular and visited frequently.
Some reports say that the internal cache could grow up to 2GB in less than 24 hours as Autoptimize will create new copies to play safe and not break the site.
Wait! There’s more!
You can do even more to speed up your WordPress blog. I wrote the whole article about SEO where I focused on speed as one of the most important factors of the overall SEO-friendliness. If you don’t feel like going through everything, make sure to read at least this section.