Did you just develop your website and you feel like it’s loading really slow? Did you know that Google penalizes those websites over 6 seconds loading speed?
Well according to Amazon, it loses 1% of its revenue for every 1-sec delay in their website page load speed. I know you’re not as big as Amazon but Google actually prioritizes the websites which load faster.
The Solution to increase Website Page Load Speed and Performance is to optimize your website using a few tweaks.
What is Page Speed?
Page Speed is the loading speed of an individual page on your website. It is often confused with “site speed” which is the speed of the entire website. Page Speed can be described by the time take for a website to be displayed on the screen of your computer or mobile.
How to Test Web Page Speed?
To start optimizing your website for page speed tests and optimize it for performance, you first need to check what’s slowing you down.
Here are the 3 Best and Most Recommended Free Tools to Test Web Page Speed easily :
1. GTMetrix (https://www.gtmetrix.com) – GTMetrix is by far the best Web Page Speed Test tool and perhaps the only tool you’ll ever need to test your webpages. It is simple to use and combines both Google Page Speed Insights and YSlow together. Bingo! Once You optimize your website to get a perfect score in GTMetrix, you don’t need to worry about any other page tool score for desktop. GTMetrix recommends you register in order to find variations when your page is loaded from different parts of the world. I personally recommend this for Desktop.
2. Pingdom (https://tools.pingdom.com) – Pingdom is the best alternative for GTMetrix. It is basically a website monitoring service that offers a free website speed test. Pingdom analyzes your website speed from a few limited locations providing you complete details on load time, HTTP requests detail, static file size, and a lot more. This will be another recommendation from my side for Desktop.
3. TestMySite (https://www.thinkwithgoogle.com/feature/testmysite) – Test My Site by Think With Google is a new and amazing tool to check about all your website performance and speed when viewed from mobile. Test My Site is an efficient way to check your website efficiency on a mobile device. You get a free Test My Site report at the end which you shall share with your developer so they can fix it.
Once you have checked your page load speed in all these 3 tools, now is the time you set up a few kinds of stuff that will help you boost your website speed.
How to Increase Website Page Load Speed in 10 easy steps 2021?
This is how you can easily increase your Website Page Load Speed and improve performance absolutely for Free in 2021.
- Get a Good Hosting Provider
- Enable GZip / Brotli Compression
- Reduce redirects
- Remove Render Blocking Resources
- Leverage browser caching
- Improve Server Response Time
- Use a content delivery network
- Optimize Images
- Implement Accelerated Mobile Pages (AMP)
Now is the time to get started.
Step 1. Get a Good Hosting Provider
Getting good web hosting is necessary as it is the server performance that matters the most when dealing with a ton of traffic. As WordPress Page Builders need a lot of Memory and resources, you might wish to get optimal resources to be able to run it smoothly.
Site Hosting Club Web Hosting can be a perfect choice as a hosting provider for a single WordPress website. Publishing WordPress content won’t be hazardous anymore. Along with proper setup, your website load speed will be boosted ten folds once you shift to Site Hosting Club.
You can notice better TTFB (Time to First Byte) in Good Web Hosts. In addition to a reverse proxy setup, your WordPress website will be blazing fast.
Step 2. Enable Gzip / Brotli Compression
Gzip Compression is used to compress HTML assets by using inline tricks. Gzip compresses your static HTML/JS/CSS content by over 90% on an average. This heavily boosts website load speed as download time requirement decreases.
Brotli is an Updated Compression technique developed by google that compresses the assets even further. Brotli can compress your assets by over 95%.
We saved around 1.5 seconds once we enabled Gzip compression and about 2 seconds when we turned to Brotli.
While there are a number of ways to implement compression to your code, the best way is to implement Cloudflare Content Delivery. Usually, Cloudflare configures your code to use Gzip by default. Simply head over to Cloudflare Dashboard of your website and open the Speed Tab. Open Optimization and scroll down to Brotli and turn it Green.
You can minify the assets by removing the extra spaces or codes. Thus we inline the elements to minify them.
A few Online Tools like HTML Compressor and Minify Code can help you in minifying your assets, thus saving your time. However, I personally recommend using our familiar Cloudflare Settings. Open your Cloudflare Dashboard and open the Speed Tab. Open Optimization. Scroll down to Auto Minify and tick them all as given below.
Step 4. Reduce Redirects
HTTP Redirects from one link to another causes a lot of trouble when speaking about wait time for users. According to GTMetrix, we must remove/reduce any kind of redirects to cut down RTTs and wait time. It is of a high priority when fixing a website for performance.
There exists several reasons why redirects exist and in some cases necessary. According to google, the main reasons why people use redirects are:
- Indicating the new location of a moved resource.
- Tracking clicks and impressions.
- Reserving multiple domains.
- Connecting between different protocols (HTTPS and HTTP), subdomain www or any country/geography based information.
- Adding a trailing slash to URL directory names to make their contents accessible to the browser.
You must try to avoid redirects unless it is absolutely necessary to do so.
If you come across “Eliminate render-blocking resources” warning in GTMetrix or Pingdom or TestMySite By Google, you need to read this part thoroughly to fix this issue.
We can divide JS and CSS assets into two parts – The Critical one which are necessary to load first and the Lazy Loaded ones ( that can be loaded later). While this problem occurs mostly in WordPress CMS, the solution can be simple using some powerful but free plugins like WP Super Cache or Autoptimize.
CloudFlare Users must turn off Rocket Loader found in Dashboard –> Speed –> Optimization –> Rocket Loader and turn it off to fix it.
For more details, I recommend you to Visit this article.
Step 6. Leverage browser caching
Caching enables re-usability of code. Fetching all the files from the server to the user can be hectic a number of times. To solve this problem, you need to leverage browser caching so that the whole code does not need to be downloaded again and again.
Browser caching enables you to store the static files as caches in the browser of the user and hence it improves performance when he/she tries to open the website again. The server load reduces by over 4 times in this way.
Many Web Hosts offer Cache properties like Varnish or LiteSpeed. I recommend to you to use Cloudflare Reverse Proxy to speed up and leverage browser caching.
Once you add your website to Cloudflare, your assets will automatically be cached through Cloudflare. You can set the cache levels as per your requirements in the Caching Level Option Under Caching Tab.
Step 7. Improve Server Response Time
Server response time is the time required to establish a connectio between a client requesting a page in a browser and a server responding to that request. It is measured by TTFB (Time to First Byte). TTFB measured in milliseconds is the time it takes to receive the first byte of the page after sending an HTTP request.
A good server will cause your speed to rise and hence reducing the TTFB. But you probably have already acquired a web hosting from a server right? Then how are you supposed to improve server response time?
Well that’s simple. Following all the steps previously and adding a more listed below will surely help you improve performance.
1. Get a Web Hosting that’s near you.
It may sound simple but it actually helps solve 50% of the problems. All you need to do is upgrade to a plan that gets you a server which is nearest to you. This is the best fix to improve server response time.
2. Leverage Server Caching
A few servers will have their own cache systems which will load your temporary files in the form of cache, thus reducing the need of re-downloading the assets. This is one of the best method to improve response time of server.
Step 8. Use a content delivery network
Using a Content Delivery Network is the only way your website can be present all over the world locally. Using CDN improves page load times, Server Response rates and lots more. I personally recommend Cloudflare CDN to start with as it includes an awesome free plan with lifetime access. A CDN can boost page load website speed easily.
The top 5 CDNs can be listed below:
Cloudflare is indeed the best of them all with an awesome lifetime free plan. It is the largest CDN in the world and a very popular one among businesses and individuals.
MaxCDN is another awesome CDN which has partnered with major companies to deliver their public files at blazing fast speed. It doesn’t have any free plan.
Neil Patel recommends Akamai CDN because of its durability and capability to run smoothly during high pressures. It has 100% Uptime and isn’t free.
4. Google CDN
Google is a big company. Its cloud services are fascinating. One of it is Google CDN. This CDN is costly and hence people usually don’t prefer it for small websites. However Big Websites need such powerful CDNs like Google or Microsoft.
5. Amazon AWS CDN
Amazon Web Services has brought several web services including CDN. It’s wide network is almost as fast as Google CDN and you can never complain about their capability to serve your assets at amazing speeds.
Here, I’m gonna tell you how to get started with Cloudflare Free CDN.
- Visit https://dash.cloudflare.com/sign-up.
- Enter your Email address and Password.
- Click Create Account.
- CloudFlare asks you to add a site to Cloudflare.
- You have to enter your website link and press enter.
- Then you have to Change your NameServers to CloudFlare NameServers
- Once Setup, you can enjoy exploring the options while your website is being deployed.
For Complete Details on Setting up Cloudflare Free CDN, visit this link.
Step 9. Optimize Images
Big and high quality Images load slow. Well, you don’t need HD pics in your website unless you have a image gallery type of website. However, you must know how to optimize and format your images to improve website page load speed.
Here is how you can easily Opimize Images :
- Choose the correct size of image
- Use png/jpeg as they can be compressed easily using online tools.
- Decrease quality by auto optimizing using online tools.
- Use a CDN to deliver your Images (I recommend JetPack CDN)
If you’re using wordpress, you might like to know about the best wordpress image optimizer plugins.
Step 10. Implement Accelerated Mobile Pages(AMP)
As the name suggests, this is a project which has concluded in revolutionizing the mobile internet with posts that open instantly. This Speed factor results in great Google Rankings. A basic amp site will be shown in google with Lightning Mark.
AMP consists of HTML, JS and CDN. Google hosts your AMP Webpage and hence your speed increases by 10 folds.
AMP is a necessity for mobile networks. However google AMP hides your brand name and hence your domain authority wont increase. Apart from it, AMP sites have a tendency to be simple. Good designing wont be of any use.
One needs to follow the AMP Structures and Schema and google will index it and help it rank.
Website performance is mandatory for your customer impression. You must optimize your website so that it can be fast as to retain customers and make profit. Its pretty easy to follow the steps and improve your page load speed and performance.