There are many different ways to improve the speed of your WordPress blog but some of them might break your theme.
Let’s take a look at the safest method to implement caching and optimization.
It’s generally recommended to use as few plugins as possible to avoid slow loading times.
Head to Free WordPress speed test and measure the performance of your website.
Just type the URL of your WordPress website in the form 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 Start a Blog where I explain exactly what to do to get you up and running. Don’t worry, this article will wait here for you 🙂
Disclosure: 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 create more content free of charge for you. And, as an Amazon Associate, I earn from qualifying purchases. Thanks for your support!
When it comes to WordPress plugins, it’s really important to make sure that you don’t break anything by installing something new.
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.
First, search for “wp super cache” in Plugins and click on the “Install Now” button:
Second, click on the “Activate” button:
You can safely dismiss the warning. It doesn’t apply to you since you’ve just installed the plugin.
Click the link at the top of the page 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, that you might decide to use in the future without having to touch a thing afterwards.
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.
Start with installing and activating the Autoptimize 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.
It’s not worth the small gain in performance you can get.
Next, scroll to the “HTML Options” section and turn on 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 your website performance as well.
Scroll down and click 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 safer 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 it 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 focus on speed as one of the most important factors of the overall SEO-readiness.
If you don’t feel like going through everything, make sure to read at least this section.