There’s nothing more frustrating when browsing the web than a slow website, where images take forever to load and make the experience confusing. How many times have you simply given up on a website because you didn’t want to wait around for it to load? Chances are, if you’re just getting started with your website, you may have this problem yourself.

People keep saying that with each generation, attention spans get shorter. We want things to be increasingly faster and easier, or we simply move on to the next option. When it comes to your website, you only have a few seconds to capture your audience’s attention, and if you have a slow website…well, those few seconds will be spent looking at a blank screen.

So the purpose of this post is to show you some simple tips, tools and tweaks you can use to drastically improve the load time of your website. Because you want people spending more time soaking up what you have to offer, and less watching the page load.

And don’t worry – you don’t have to have any knowledge of programming or anything technical. This is a beginner’s guide! And although it won’t get you 100% of the way or the equivalent result of hiring a professional, it can get you pretty damn close! Not bad for some DIY.

Why is my website so slow?

When people come to me wondering why their website is so slow, I usually start by asking them a couple simple questions. First, how do you upload your images? Second, who’s your hosting provider? And third, how many plugins do you have?

When it comes to page speed, there are tons of factors that contribute, and some of them are much more technical than others. But the most glaring items that are easily fixed are usually to do with either the size of your images, the quality of your hosting, and how much “stuff” you have on your site (plugins included).

Your images are huge

Starting with images, most people do NOT optimize their images before uploading them. I get it, it’s a lot of work! You might not have an image editing program, or you might not even know you need to do this. You might just be uploading the 5000px-wide high-res images from your photographer and wondering why it always takes at least a few minutes to upload each one (answer: because they’re HUGE). Then when someone visits your site, it has to load those huge-ass 5mb images onto their screen, which takes a while. So that’s probably the biggest mistake people make when it comes to their websites.

Your hosting is subpar

Second up is hosting. Another big factor (that’s out of your hands, really) is how long your web server takes to respond. Some hosting companies (such as Bluehost, Hostgator, and more) are known to overload their shared servers, which makes the load time slower as the server is overworked. And easy fix for this is switching to a faster, more reliable hosting provider. I recommend Siteground, and they have by far the best reviews for shared hosting and page load. But more on that later!

You have too much “stuff” on your site

Finally, you could just have a lot of “stuff” on your website. For example, do you really need all 43 of those plugins? Ask yourself, is there an easier way I could do this? Are you overcomplicating things? Sometimes, if may be worth it to hire someone who understands websites to make a quick audit and help you clear out whatever you don’t need.

There are many other factors, and I’ll cover some of them in the solutions, but these are the basics that you can easily clean up on your own without even reading the rest of the article. But you really should keep reading 🙂

How to test your page speed

Before getting started with the optimizations, it’s good to get a diagnosis. There are a few tools that work well for getting an idea of just how bad slow things are.

GTmetrix

This is my go-to because of the deep insight into each of the errors. There are two versions of the score, each one valuing different things. It’s good to look at both so that you cover everything. This is what my website looked like before I optimized.

Pingdom

This is another good tool and the interface is cleaner and better looking (if you’re a UI/UX-lover).  It can also point out items that aren’t covered as much on the GTmetrix so is a good backup, but it doesn’t give details about the specific files or affected areas of the site. Here’s what my website score looking like on Pingdom before I optimized.

There are other tools out there, but I recommend sticking with these two as it’s more than enough! Stay away from the Google page speed test, as it tends to be inaccurate compared to the others and is really only good for checking your hosting response time!

How to optimize your images

Let’s be honest – nobody likes resizing and optimizing images. It’s a pain, it’s annoying, it can be time consuming, and sometimes just ughh. I get it. You might not even know you need to do this, or you might be aware that it’s important but eventually end up not doing it because you have a million other things on your plate and ain’t nobody got time for that.

So what’s the fast/easy way to optimize them? Well lucky you, I have some tricks up my sleeve.

Start with Web Res images

If you hired a photographer for your images, they will usually deliver in two different formats – print resolution (300 dpi) and web resolution (72 dpi). Make sure that you’re using the web resolution files. If your photographer didn’t provide you with web resolution, you should try asking them before doing it yourself as they often have advanced editors like Adobe Lightroom that allow for bulk-export in different resolutions.

If you only have high resolution images, you can use a nifty tool called Bulk Resize Photos. It’s super fast because it doesn’t require uploading the images – it resizes them within your browser. I like to use the Longest Side setting to quickly optimize all photos to 1500px.

Use a lossless image compressor

Now that your images are the right size, it’s important to compress the file size even more using a lossless image compressor (lossless = doesn’t lose image quality). This makes a HUGE difference in the load time!

My absolute favorite is Imagify. It’s free for up to 25mb a month and you can purchase a premium plan if you need more ($5/month should cover it for most people). The best is that you can retroactively optimize images that are already on your site. So if you have an existing site, you can bulk optimize every image on your site with a few clicks. It takes a while (and you’ll definitely need a premium plan) but it works wonders for load time.

This is probably the best $5/month you ever spent in terms of bang for your buck! Imagine resizing and optimizing all those images manually…or don’t. It gives me a headache just thinking about it!

How to set up caching

First of all, what is caching? Caching is the temporary storage of web files like your website’s code and your images. Basically your web browser stores copies of web pages you’ve visited recently to decrease bandwidth usage, server load, and lag. This makes it much faster to load sites you’ve already visited.

Luckily, it’s pretty easy to set up caching on your site and there are a lot of options for free plugins that will take care of it for you. Some of the best free options are W3 Total Cache and SG Optimizer (if you host with Siteground). I first used SG Optimizer and it worked fairly well for me.

Although those two free options will do a pretty decent job, my personal and professional recommendation is WP Rocket. Not only does WP Rocket offer excellent caching, it also has tons of other file minimization and page speed enhancing options. It’s consistently voted as the top plugin for page speed optimization and caching among the WordPress communtiy, and I personally have seen a big difference in performance on my site since I switched from SG Optimizer to WP Rocket.

WP Rocket licensing starts at $39/year for one website, and in my opinion it’s worth it! Just the amount of time you save by having everything in one place, not having to worry about piecing together a bunch of different plugins and having great support is uncomparable.

By simply activating the plugin you already get a lot of cache benefits automatically, but this is what I recommend for your cache settings. If you have a membership site, you should also select the User Cache checkbox as well.

I’ll go over more recommended WP Rocket settings for optimization further down, so keep reading!

Getting rid of slow plugins

Setting up a Content Delivery Network

This is where we get a little bit more technical. You might be reading this wondering what the heck a Content Delivery Network even is. When I first heard, I imagined a little fleet of pigeons delivering messages across the world. Turns out, that’s actually not that far off (just replace servers with pigeons). Here’s Cloudflare‘s definition:

A content delivery network (CDN) refers to a geographically distributed group of servers which work together to provide fast delivery of Internet content.

LEARN HOW TO SET UP WEBSITE SECURITY TO PREVENT SPAM & HACKS

More optimization settings

There’s quite a bit more you can do in terms of optimizing, and if you really want to go in-depth I recommend checking out this EXTREMELY intensive (read: detailed 38-point list) article on page speed optimization: A Comprehensive List Of 38 WordPress Speed Optimization Tips (2018 Guide)

So instead of getting into that nitty-gritty here, I’m just going to share the settings I have set up in WP Rocket that helped my website immensely. Here come the screenshots!

File optimization

First up, you want to make sure your website files are optimized and as small as possible. By files I don’t mean images – I mean the HTML, Javascript, and CSS that make your website look the way it does (and not like something you wrote in Microsoft Word). Here are the settings that I use. I recommend activating them one by one and checking your site to make sure nothing breaks. If something looks different, just unselect that box.

Media optimization

I know we talked about minimizing the file sizes of your images, and here we take it a step further with things like Lazy Load. What’s that? Lazy Load is when the website doesn’t load all the images on the page from the start – it only loads each image as the user scrolls down to it. That way the images can load in the background as the user reads and scrolls through the site, making it much faster.

Database optimization

Your website database is where most of the settings and written content of your site is stored. Over time it can become overloaded and filled with unnecessary backups and copies, which can slow down your site. I recommend doing a one-time cleanup and then setting WP Rocket to do weekly database cleanups. Make sure you save a backup of your database before you do this! 

You should also make sure that you don’t need any posts/pages that are currently in your trash, and that you don’t need access to past revisions of your pages. Revisions are every time that you update a post/page – the previous version is saved in the database. As you can imagine, it takes up a load of space! If you’re confident in the content currently live on your site, go ahead with these settings:

Add-ons

If you use Google Analytics or Facebook Tracking Pixels, this can also help you speed up your site. Just simply slip the switch to On. If you use other tools like Cloudflare (which we talked about above in the CDN portion) or Sucuri (security monitoring and fixes), you can also turn those settings on as well.

Wrapping up

If you’ve made it all the way to the end of this post, allow yourself a little YES moment. I personally like to do a little dance.

Now that you’ve implemented everything, go ahead and test your site again on GTmetrix and Pingdom. I guarantee you that you’ll see a world of difference (and so will your users)!

And if you’re really on a roll and want to keep optimizing your website, here are a few more posts you should take a look at!

HOW TO SET UP WEBSITE SECURITY TO PREVENT SPAM & HACKS

HOW TO OPTIMIZE YOUR IMAGES FOR SEO

THINGS YOU SHOULD DO BEFORE BUILDING YOUR WEBSITE