Imaging yourself being in this situation: You are searching for some information on Google that you need desperately. You’ve seen a search result that seems to solve your problem and you click on the link. It took almost 20 seconds to load the page.
What would you do then? Wait anymore or click the “back” button and search for another site? You will obviously push the ‘back’ button and go with another result.
Page loading speed is a major factor that will make your website a king or slave (not literally, just for an example). Don’t let your site unidentified because of your page loading time.
You are not merely the person suffering from prolonged page loading time. If your site loads more than 5 seconds, you will lose 8 out of 10 visitors.
The tips given below can be done for free of charge.
My issues on PageSpeed:
- Server response time – Just before a week, I purchased my hosting from Hostmetro who is a reliable web hosting supplier. I was in the process of transferring my WordPress files to the new host. When I was with my previous host, my server responded in about 600 ms. But new host has better response than the previous one. Even though the new one has some good response time, it couldn’t challenge with dedicated servers.
- Images – Most of my images were heavy and it needs to be optimized.
- Leverage browser caching – I need to optimize caching.
- Enable compression – My blog on the new server needs to be compressed.
Are you being troubled with these issues? I have some ways to boost up your PageSpeed score:
If you are looking for the solutions to fix these issues, continue reading.
Before entering into any other sections go to Google PageSpeed Test tool and calculate your website score. Note it down somewhere.
Reduce server response time to under 200ms (Major factor to consider):
Long web server response times delay page loading speeds. Page Speed expects your server to begin responding to resource requests quickly to ensure a quick page load time. For each resource request, your server needs to begin sending the first byte of the resource within 200ms of the request being sent. — GTmetrix
In my words, server response time is the time taken by the server to complete the request made out by the user. It is counted in milliseconds. Lower the milliseconds your sever response, higher the page loading speed you will have. It’s all up to your web-hosting server. Most of the shared web hosting servers have poor server response time comparing to dedicated servers.
But you can improve your server response time, even if you are on a shared web hosting. Sign up for Google PageSpeed service. It’s free now, but Google might make it paid somewhat later. Fill up this spreadsheet form and get an invite from PageSpeed team: Google PageSpeed Service
Watch this video about PageSpeed service.
You can also do this by using any CDNs. Check your PageSpeed after implementing this step.
Optimizing Images without losing image quality:
A picture is worth a thousand words. Images are necessary for a post. A post should have at least 1 image. But large sized images will affect the loading speed of your website. But you can optimize your images without losing it’s quality by using these tools.
Tools for compressing JPEG images:
Tools for compressing PNG and other type images:
Leverage browser caching – It’s easy to do with W3 Total Cache plugin:
Read more about web cache here: Web cache
Top WordPress plugins to optimize caching:
If you are running on any other blogging platforms like Blogger, Google PageSpeed service does the work for you.
Enable compression- Use the powerful Gzip compression:
What will you do before uploading a large sized files to a file sharing websites? Obviously, compressing those. This is applicable for this case too. You should compress your files before sending it to your readers. It will reduce your loading speed to a great extent. But in this case, it’s done in a different way.
Enabling Gzip compression in your WordPress site:
Most of the WordPress sites are running in Apache server. Apache servers uses .htaccess as the directory level configuration file. Read more here about .htaccess file.
You can enable gzip compression by adding a piece of code in your .htaccess file.
- Go to your cPanel (It should be at yourdomain.com/cpanel)
- Click file manager and move to your WordPress installation directory.
- Find .htaccess file and click Code editor.
- Add this piece of code at the bottom of your .htaccess file.
It will look like this:
After adding the code, check whether your website is compressed or not by this GZIP tester tool.
Check your website score now!
I hope you have implemented these simple tasks. In previous sections, I’ve asked you to calculate your PageSpeed score, right? Now go to Google PageSpeed Test tool and calculate your website score. I think you are wondering at seeing your current score comparing previous one, don’t you?
In this post I’ve shared some tips to improve your page loading speed. In my upcoming posts, I’ll share some more tips. Don’t forget to subscribe to our newsletter.