- 0.1 How Niche Site Project went from 6+ second load times to less than 1 second…
- 0.2 Why is site speed important?
- 1 Steps to Improve the Speed of a WordPress Site
- 2 Case Study of Niche Site Project – Does this stuff work??
- 3 Oh, yeah. It works!
- 4 The Infrastructure
- 5 The Rest
- 6 Hosting
- 7 Select a fast theme
- 8 Use a Caching Plugin
- 9 Use a Content Delivery Network (CDN)
- 10 Check Your Plugins
- 11 Image Size
- 12 Database Clean Up
- 13 Step 1: Determine Baseline Speed
- 14 Step 2: Audit your website
- 15 Step 3: Determine what improvements…
- 16 Step 4: Make one change…
- 17 Step 5: Check the speed…
- 18 Step 6: Repeat…
How Niche Site Project went from 6+ second load times to less than 1 second…
Why is site speed important?
Do you like a website that loads slowly?
No way. No one does.
Well, I don’t have to tell you how annoying a slow loading website is. It doesn’t matter if it’s a blog, a news site, or a banking site – slow is bad.
A slow site leads to higher bounce rates, lower conversion rates, and a poor user experience overall.
Today, we’re going to talk about speeding up the load time of a WordPress website.
You should be able to get your load time down to under 3 seconds. 1 second or less is preferable.
Some pages or posts that are image heavy may have longer load times – that’s okay. Your homepage should definitely load very fast.
This post is has a couple main sections.
- The 6 steps that you take to improve the speed (at a high level).
- A case study of Niche Site Project.
- A Checklist of the items that need to be audited and potentially improved.
- Details about each of the items in the checklist. This includes a video of setting up W3 Total Cache.
- Details about the 6 steps that you need to take to implement the changes.
Steps to Improve the Speed of a WordPress Site
- Determine the baseline speed.
- Audit your website.
- Determine what improvements you should implement based on the audit.
- Make one improvement.
- Check the speed to see the results.
- Repeat the process of making a change & checking the results.
Case Study of Niche Site Project – Does this stuff work??
Oh, yeah. It works!
Before (6 sec)
I don’t have a screenshot for the homepage before. Sorry. But I know it was taking about 6-8 seconds to load the home page!
It was super slow due to images, widgets on the sidebar, and 10 recent posts being displayed.
After (0.7 sec)
Now, the homepage loads in less than 1 second.
Before (10.9 sec)
Slower than 88% of all the tested websites.
This post is an earnings report and it has a lot of images.
After (1.5 sec)
Faster than 80% of all the tested websites.
I could make further improvements if I optimized the images a little more.
Before (11.5 sec)
Slower than 89% of all the tested websites.
This post is a round-up and it has a lot of images.
After (2.62 sec)
Faster than 59% of all the tested websites.
Same here: I could make further improvements if I optimized the images more.
Disclosure: There are affiliate links on this page, and at no additional cost to you, I will earn a commission if you decide to make a purchase. I have experience with each of the products or services listed below so I feel fully comfortable recommending them. Please do not spend any money on the products unless you feel you need them to achieve your goals.
There are several things that we can optimize to help speed up a site. Some things will help a minor amount, like cleaning the database.
Other things can help a lot, like upgrading your hosting plan.
Let’s divide the items into two main areas.
One is more foundational and we can consider it the infrastructure of the website. This will be hosting, the WordPress theme, a caching plugin, and implementing a CDN.
The other part deals with the day to day workings of the website, plus extras. It will become clear once we get into the details.
Checklist & Summary
All of these items are generally in order of impact. Some impacts may vary and it depends on the specifics of your website, hosting, etc… For example, if you upgrade your hosting, you’ll probably see much faster load times even if you don’t change anything else.
Hosting – Upgrade to Semi-dedicated, Pro, Business, or WordPress Optimized Hosting from Basic Shared Hosting.
Fast Theme – Use a fast theme. Free is fine as long as it’s fast.
Caching Plugin – There are many options out there and the free ones are fine to use.
Use a CDN – I use MaxCDN since they seemed faster than the free version Cloud Flare.
- Check your plugins – Get rid of the plugins you don’t need.
- Use the Plugin Performance Profiler (P3) to identify the resource intensive plugins.
- Image Size – Use images that are the right size and compressed with the proper file format.
- Use the Smush.it plugin to make the process easier. It processes images as you upload them and has a feature that will optimize your current images.
- Clean the Database (DB) – This isn’t complicated since we can just use a plugin.
- Use the WP Optimize plugin to make the process easier. Just be sure to deactivate and delete the plugin when you finish cleaning the DB.
Next, let’s review some of the details about each one of the items.
Using a quality host is a big deal. A slow server can cause major issues for the load time of your website.
What is the biggest culprit?? You might think that it if you use a big name host that you’ll automatically get a fast server.
Here is the problem: most of us start out on a basic Shared Hosting Account. That’s fine to start with but once a website starts to get some traffic you need to move to a higher tier hosting plan.
The basic plans end up hosting your website on a server that has 100s of other websites on it.
When I checked my server, I saw there were over 500 other domains on the same IP address.
So, we need to get your website a server that has fewer users, and moving to a more expensive plan usually takes care of it.
This might be called a “Business,” “Premium,” “Semi-dedicated,” or “Pro” plan. It may still be a “shared” type account but there will only be a few other domains on the same server. There should not be 100s of other domains on there.
This is much faster! Just making this change can make a tremendous difference.
It’s really amazing!
I started on a basic, shared hosting account at Blue Host for my niche sites. I upgraded to a WordPress optimized-type account which is fantastic. I can’t say enough about the improvement.
Site Ground took care of the migration too. They took care of everything for me and explained the process before the migration.
The basic, shared accounts usually cost about $3 – $6 per month. It is the best way to get started if you’ve never had a website before.
When it is time to upgrade and migrate your account, you can almost always do this free of charge. Plus, you can get a pro-rated refund on the remainder of your existing account.
The better plans usually cost about $25 – $30 per month. There are other plans that fall in the space in between.
They are a much smaller company but offer great service, prices, and support. I have the Premium Hosting – Basic level with MDD. They say this about the Premium Hosting:
Premium servers have only 1 to 3% of the total accounts the hardware would normally support and Pure SSD storage is used to ensure maximum speed all day, every day. All Premium accounts have access to 2 CPU Cores on the server as opposed to the limit of a single core per account in our standard shared hosting.
I pay about $20-25 per month at MDD and you can see the speed results above. I am very happy with the hosting there.
Select a fast theme
I used to think this didn’t matter very much. It does matter.
If you are going to use a free theme, I encourage you to use the default WordPress Themes. 2012, 2013, and 2014 all look fine. They are clean and fast.
I use Thesis here on Niche Site Project and a lot of my friends really like Genesis. Check out either one of those.
Use a Caching Plugin
It’s pretty straightforward, although if you do not configure your caching plugin properly it might actually slow down your site.
Here is how I configure W3 Total Cache:
Use a Content Delivery Network (CDN)
This is a game changer. The basic idea is to put the content of your website geographically closer to the end user.
That’s it. It’s simple and easy to understand.
These CDN companies have servers located all over the world.
Certain data is stored on the CDN servers in addition to your hosting company’s data center. If an end user can get data from a closer location via the CDN, it speeds up the response time.
I use MaxCDN as I mentioned in the video above. I initially tried to use CloudFlare since it was free with Blue Host. However, it actually made the whole site load slower! Maybe it was user error, i.e. my fault.
I do see a lot of people using CloudFlare and MaxCDN so see which one works best for you.
It takes a little more configuration to set up the CDN. It isn’t hard though. It took me less than an hour to sign up and configure the caching plugin plus everything on my MaxCDN Dashboard.
You can see all the details involved in setting up MaxCDN with W3 Total Cache here.
Check Your Plugins
There are so many plugins available out there, and they can do just about anything you can think of.
However, the more plugins you have on your WordPress site, the greater the load on the server is.
All those plugins can slow things down.
I like to have less than 10 plugins installed. That’s it…Only the critical ones make the cut.
I’m a minimalist for plugins so take a hard look at what you have installed. Question every plugin and if it isn’t required then deactivate it.
Once you have removed the unnecessary plugins, download this one: The Plugin Performance Profiler.
See which plugins are slowing down your site. This plugin creates a performance report for your site. If you have a particularly slow plugin, take action to replace or delete it.
After you get rid of the plugins that are slowing things down, then you should deactivate the P3 Plugin.
Keep this technique in mind – some plugins can be activated, used, and deactivated to keep things clean and fast.
You should optimize the images that you use on your site. So, resize the images to something that’s appropriate, like 480 x 640 or so.
If you need to have a higher resolution, then you can display a smaller one and link to a larger image.
The Smush.it plugin is fantastic. Download load it and use it.
Every image you add to a page or post will be automatically run through Smush.it behind the scenes. You don’t have to do anything different.
Database Clean Up
The WordPress database can get a little messy over time. WP is great since it will automatically save different versions of a post or page.
In fact, WP saves like every version and draft. All that adds up and it’s worth while to delete those extra versions.
Download WP Optimize and clean up your database.
Simple but effective plugin allows you to extensively clean up your WordPress database and optimize it without doing manual queries.
Here is what to do…
Step 1: Determine Baseline Speed
How to get a baseline speed test?
Here are two tools that I use – Pingdom & GTmetrix. Both are free and do the exact same thing.
They both check the page speed and automatically provide some very good recommendations.
Pingdom – http://tools.pingdom.com/fpt
I use pingdom more often. I like the feature that allows you to test from different locations – Amsterdam, New York City, & Dallas.
GTmetrix – http://gtmetrix.com/
GTmetrix also provides the YSlow score. The YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites (reference).
Get the baseline speeds for your homepage and spot check about 3 to 5 other pages.
Check the pages that get the most traffic.
Record these values so you can see how much each measure you take improves the speed.
Step 2: Audit your website
Review the checklist and the details above. Audit your website and identify the areas that need to be corrected.
Step 3: Determine what improvements…
Determine the next steps for each of the items that require action.
After reviewing the list of items above, you should have several areas to look at. Figure out which steps you need to take to improve your site speed.
They items are generally listed in the order of how much of an improvement they will make. You should rank your list by the relative priority with you best guess.
For example, if you need to upgrade your hosting plan, check with your current hosting about upgrading so you know the costs, migration process, and if they believe your site would benefit from a better hosting plan.
If you don’t feel good after talking to them, you should consider talking to another company. There are plenty of them out there so you should feel totally comfortable asking any questions.
You should develop a timeline for each of the next steps too. You can set aside one day to talk to the hosting company and schedule the migration. You can set aside another couple hours to work through all of your plugins.
And, so on…
Step 4: Make one change…
Implement one of the improvements.
You might wonder why we are only changing one thing at a time. It’s a good question.
We want to know how much improvement we get from each step. There are two main reasons:
- You can roll back changes that are not helpful. This can potentially save money. Let’s say you try to use a CDN solution and there is no impact to your website’s speed. Then, cancel the service and save $7 per month.
- You will learn about what has an impact. Perhaps you can make all the changes for your current website. But in the future you can take the knowledge you learn here and apply later. I know that upgrading the hosting, using a CDN, and configuring a caching plugin makes a HUGE difference in load times.
Step 5: Check the speed…
Now, you can see how much of an improvement you’ve made.
You only made one change, right?
Continue recording the speed improvements while checking the same pages each time.
Step 6: Repeat…
Continue working through your list of improvements. Most likely you should have a website loading under 3 seconds for most all of your pages.
Your homepage will probably be loading under 1 second, along with most of your pages and posts that are not particularly image heavy.
How fast does your website load?
Do you have additional tips that can speed up a WordPress Site?
If so, leave let me know in the comments below.