In this post, you’re going to discover how to potentially cut your web page load time in half and speed up your website using a free tool.
What You’ll Learn In This Tutorial
1. 4 big reasons why your website must load faster in today’s world
2. The two big changes you need to make to cut your web page load time drastically
3. How to use GTMetrix (free) to analyze your site for potential improvements
3. Step-by-step instructions on how to do it (takes 5-10 minutes)
By the end of this tutorial, your website or blog will be optimized so you can stop losing visitors and sales!
But firstly, you’re probably wondering, “What benefit does my website have when it loads faster?”
Here are 4 big reasons why you should optimize your website for speed:
- Each second of delay results in a loss of sales. If your site is slow, your visitors will be put off and click that [X] close button.
- Your bounce rate will increase (a bad thing). A bounce, according to Google Analytics, is when a visitor enters your page and leaves without going to another page on your site. I touched upon bounce rate in my July Monthly Growth Report.
- You’ll waste your marketing efforts. If your site is slow, say goodbye to your advertising dollars and promotions because people have better things to do than wait. Stop the leak so you don’t end up wasting money..
- Better search engine results. Believe it or not, Google now takes into account page load times as part of their 200+ algorithms to determine where your page sits in Google. In fact, Google has it’s own page analysis tool called PageSpeed Insights.
With that said, let’s now get into the nitty gritty. Don’t worry, it’s not going to require a computer degree! I’ll try my best to make this tutorial as “non-geeky” as possible.
It should take about 5-10 minutes to implement.
What we’re going to do is use a free web based tool called GTMetrix.
How To Use GTMetrix To Speed Up Your Website
I talked a little about GTMetrix in Episode #5 of The Unstoppable Profits Podcast, but this tutorial will go into more details with step-by-step instructions so you can start seeing the results right away.
GTMetrix is a site analysis tool that gives you a speed grade and also recommendations on how to fix problematic areas of your site.
Let’s go through steps now…
1. Head to GTMetrix.com
2. Enter your URL in the field and click Go.
3. You’ll then be presented with a summary, like this:
FYI – The site I’m demonstrating with isn’t this blog.
I will detail the stats before and after the optimization process so you can compare.
Here are the current stats:
- Page Speed Grade: E, 56%
- YSlow Grade: D, 68%
- Page load time: 2.81s
- Total page size: 1.14MB
- Total number of requests: 62
Essentially, what you are trying to do is improve those poor graded recommendations that you see in red and yellow.
4. Let’s start with the easiest thing we can do. In my opinion, enabling gzip compression is the easiest thing to do. So here’s what do to. Click on the ‘Enable gzip compression‘. You’ll then be able to see the amount of reduction:
With every recommendation listed by GTMetrix, there’s a ‘What does this mean?’ link. It will take you to a page giving you details and/or instructions on how to execute the recommendation.
For the gzip compression, you’re simply going to copy and paste some code to your .htaccess file. Here’s how to do it:
Step 1. Open your FTP software or File Manager in cPanel
Step 2. Open your .htaccess file in your text editor
Step 3. Add these lines of code to the file (copy and paste):
It should look something like this in your text editor:
Step 4. Save it and upload.
5. After making this update, go back to GTMetrix again and check your site. Here’s my result:
Awesome improvements so far!
From a Page Speed Grade of 56% to 89%! Page load time has also decreased from 2.81s to 2.53s.
6. The next improvement you want to make are your images. Images take up a heck of a lot of space if they aren’t compressed properly.
What you want to click on this time is Optimize Images. You’ll find a list of all the images that GTMetrix detected that could be replaced:
This demonstration site is not too bad with images, but it’s still a good step to speeding up the site.
What you want to do is click the ‘optimized version’ link so you can see the optimized version of the image.
You then want to save the image and replace the original with the optimized version via FTP or File manager in cPanel.
Here are my results after optimizing images:
A noticeable improvement with the Page load time!
Just by making those two tweaks, I’ve improved the speed by a great margin. Here are the final results:
- Page Speed Grade: A, 92% (+36%)
- YSlow Grade: C, 75% (+7%)
- Page load time: 2.12s (-0.69s)
- Total page size: 601KB (-539KB)
- Total number of requests: 61 (-1)
With a page load time of just 2 seconds, I’m not complaining!
I won’t go through the rest of the tweaks but I will give you a list of other things you should optimize that’s somewhat easy to do, based on your experience:
- Leverage browser caching
- Specify image dimensions
- Minify CSS
- Minify HTML
Be careful with the last two as it involves a change in web code. Always make backup copies.
Other tips on improving the speed of your site:
- Don’t install too many WordPress plug-ins. The more you have, the more requests and load time it’s gonna take.
- If you’re more advanced or even if you don’t want to play around with your website’s code, you can use a caching WordPress plug-in like WordPress W3 Supercache or WP Super Cache. There are options to automatically enable some of the recommendations GTMetrix suggests.
- A faster web host/server will make a difference to speed, too. Only do this when you have money to.
So there you have it! As easy as that, your site will load as quick as a flash.
Do this now and then let me know your before and after stats in the comments box below!
I’d love to see your results and whether this post has helped.