We live in impatient times. Deadlines are set for yesterday and success and gratification has to be instant. In such an age, it’s vital for you to make sure people don’t need to wait long while the pages of your website load. This is because web page speed plays a crucial role in the success of your digital campaign. Below are some facts that will shed light on how important web page speed is.
Well, now that how important web page speed is put to bed, let’s talk about how we can fix it.
Your first step should be to figure how fast the pages of your website are loading. To accomplish this, you can use Google Web Page Speed Tool. The tool provides a web page speed report and also gives suggestions on how to improve the page speed. Your Page Speed Score ranges from 0 to 100 points for mobile and desktop. A score of 85 and above is considered healthy and tells you that the pages are loading just in time.
Now, let’s delve a little deeper.
The Google Web Page Speed Insight tool provides a report that has three types of messages: red exclamation point, yellow exclamation point and green check mark. Here’s what they mean.
Below are Important Parameters of web page speed and ways to improvise it.
Enable compression / minify CSS / Optimize images
When you run the Insight Test on Google Web Page Tool it offers optimized images, JS and CSS resources in the report. Download and replace the existing images, JS and CSS.
Leverage browser caching
To set the expiration date to various files you need to add the below code in the. httaccess file:
## EXPIRES CACHING ##
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
## EXPIRES CACHING ##
Avoid landing page redirects
Having too many redirects causes significant performance and speed issues. It’s recommended that you restrict your use of redirects to only those cases where it is absolutely technically necessary. You can check for redirects on your pages by using the redirect mapper tool.
Optimize CSS Delivery
For your webpage to load faster its preferable to have a single CSS File. The reasoning is quite straightforward. The more the number of files, the more time the webpage will take to load. However, if you do have more than one CSS file, you need not worry. Just go ahead and combine all your CSS files into a single file. And, to figure out how many CSS files you have, use the CSS Delivery Tool.