Page loading time is one of the topics to debate when it comes to deriving your SEO strategies. Since 2010 Google has taken website speed into account when going an update.
A slow loading page will automatically hinder your process of getting organic traffic and improves your website traffic.
A one-second delay leads to an 11% drop in page views, a 16% drop in customer satisfaction and a 7% loss in converting your business leads into customers.
A few extra seconds will definitely lead you to a huge loss in audience engagement and business conversions.
So having a fast loading website is not only essential for increasing your visibility but also helps you in increasing the brand reputation and profits.
1. Minimize HTTP requests:
Leading search engine Yahoo figures out that over 80% of the page load’s time spent on downloading the images, styles, and scripts.
This means that more the HTTP requests you need to load, more time it takes for the page to load and retrieve which subsequently increase the page’s load time.
HTTP requests can be decreased by combining the CSS/JS Files and reducing the number of images.
Combining the images will also help you to decrease the HTTP requests which can increase your page load time.
2. Optimize your images:
Images are one of the factors that increase the page loading time. The first step you need to do while optimizing your image is to scale them appropriately.
Most of the webmasters will use huge images and scale them down with CSS. But they are not aware of the fact that the browser will load the full image size.
Scale the images before you going to upload them on your site and this will automatically increase the website loading time for your users.
Compress your images before you use and this will also reduce the image loading time. There are lots of free tools are available online and you can choose the best out of them to compress the image.
Add the below code to your .htaccess file.
- <IfModule mod_headers.c>
- # 1 Month
- <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
- Header set Cache-Control "max-age=2592000, public"
- </FilesMatch>
- </ifmodule>
3. Browser caching:
Browser caching prevents the user to download the same things each and every time they load your page. Enabling the browser caching will helps the users to save some data on their computers and also it will increase the page loading time.
Add the below code to your .htaccess file for clearing browser cache
- ## EXPIRES CACHING ##
- ExpiresActive On
- ExpiresByType image/jpg "access 1 month"
- ExpiresByType image/jpeg "access 1 month"
- ExpiresByType image/gif "access 1 month"
- ExpiresByType image/png "access 1 month"
- ExpiresByType text/css "access 1 month"
- ExpiresByType text/html "access 1 month"
- ExpiresByType application/pdf "access 1 month"
- ExpiresByType text/x-javascript "access 1 month"
- ExpiresByType application/x-shockwave-flash "access 1 month"
- ExpiresByType image/x-icon "access 1 year"
- ExpiresDefault "access 1 month"
- ## EXPIRES CACHING ##
4. Enable gzip Compression:
The concept of compression is like reducing your website into a zip file. Compression will automatically decrease your page size which helps in improving the page loading time.
Compression will also reduce the size of HTML and CSS files to 50%-70%.
Implementation of compression will depend on your web server and its settings. Contacting your hosting company will help you in fixing this.
Enable the gzip compression add the below code to your .htaccess file.
- <IfModule mod_deflate.c>
- # Compress HTML, CSS, JavaScript, Text, XML and fonts
- AddOutputFilterByType DEFLATE application/javascript
- AddOutputFilterByType DEFLATE application/rss+xml
- AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
- AddOutputFilterByType DEFLATE application/x-font
- AddOutputFilterByType DEFLATE application/x-font-opentype
- AddOutputFilterByType DEFLATE application/x-font-otf
- AddOutputFilterByType DEFLATE application/x-font-truetype
- AddOutputFilterByType DEFLATE application/x-font-ttf
- AddOutputFilterByType DEFLATE application/x-javascript
- AddOutputFilterByType DEFLATE application/xhtml+xml
- AddOutputFilterByType DEFLATE application/xml
- AddOutputFilterByType DEFLATE font/opentype
- AddOutputFilterByType DEFLATE font/otf
- AddOutputFilterByType DEFLATE font/ttf
- AddOutputFilterByType DEFLATE image/svg+xml
- AddOutputFilterByType DEFLATE image/x-icon
- AddOutputFilterByType DEFLATE text/css
- AddOutputFilterByType DEFLATE text/html
- AddOutputFilterByType DEFLATE text/javascript
- AddOutputFilterByType DEFLATE text/plain
- AddOutputFilterByType DEFLATE text/xml
- # Remove browser bugs (only needed for really old browsers)
- BrowserMatch ^Mozilla/4 gzip-only-text/html
- BrowserMatch ^Mozilla/4\.0[678] no-gzip
- BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
- Header append Vary User-Agent
- </IfModule>
5. Optimize your CSS and JS:
Your CSS will load before your website starts loading and hence as long as CSS and JSloads longer the user needs to wait.
Optimizing CSS anf JS will help the user to download faster and load your website in a quick frame of time. CSS and JS minimization also removes the extra files from your code which increases the page loading time.
Online users always demand better online experience so just a second delay will cost you heavily. So follow the above-mentioned ways to improve your page loading time.
- <IfModule mod_headers.c>
- <FilesMatch "\.(js|css|xml|gz|html|ttf)$">
- Header append Vary: Accept-Encoding
- </FilesMatch>
- </IfModule>
Add the below mention complete code to your .htaccess file..
- <IfModule mod_headers.c>
- # 1 Month
- <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
- Header set Cache-Control "max-age=2592000, public"
- </FilesMatch>
- ## EXPIRES CACHING ##
- ExpiresActive On
- ExpiresByType image/jpg "access 1 month"
- ExpiresByType image/jpeg "access 1 month"
- ExpiresByType image/gif "access 1 month"
- ExpiresByType image/png "access 1 month"
- ExpiresByType text/css "access 1 month"
- ExpiresByType text/html "access 1 month"
- ExpiresByType application/pdf "access 1 month"
- ExpiresByType text/x-javascript "access 1 month"
- ExpiresByType application/x-shockwave-flash "access 1 month"
- ExpiresByType image/x-icon "access 1 year"
- ExpiresDefault "access 1 month"
- ## EXPIRES CACHING ##
- </IfModule>
- <IfModule mod_deflate.c>
- # Compress HTML, CSS, JavaScript, Text, XML and fonts
- AddOutputFilterByType DEFLATE application/javascript
- AddOutputFilterByType DEFLATE application/rss+xml
- AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
- AddOutputFilterByType DEFLATE application/x-font
- AddOutputFilterByType DEFLATE application/x-font-opentype
- AddOutputFilterByType DEFLATE application/x-font-otf
- AddOutputFilterByType DEFLATE application/x-font-truetype
- AddOutputFilterByType DEFLATE application/x-font-ttf
- AddOutputFilterByType DEFLATE application/x-javascript
- AddOutputFilterByType DEFLATE application/xhtml+xml
- AddOutputFilterByType DEFLATE application/xml
- AddOutputFilterByType DEFLATE font/opentype
- AddOutputFilterByType DEFLATE font/otf
- AddOutputFilterByType DEFLATE font/ttf
- AddOutputFilterByType DEFLATE image/svg+xml
- AddOutputFilterByType DEFLATE image/x-icon
- AddOutputFilterByType DEFLATE text/css
- AddOutputFilterByType DEFLATE text/html
- AddOutputFilterByType DEFLATE text/javascript
- AddOutputFilterByType DEFLATE text/plain
- AddOutputFilterByType DEFLATE text/xml
- # Remove browser bugs (only needed for really old browsers)
- BrowserMatch ^Mozilla/4 gzip-only-text/html
- BrowserMatch ^Mozilla/4\.0[678] no-gzip
- BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
- Header append Vary User-Agent
- </IfModule>
- <IfModule mod_headers.c>
- <FilesMatch "\.(js|css|xml|gz|html|ttf)$">
- Header append Vary: Accept-Encoding
- </FilesMatch>
- </IfModule>
5 Best WordPress Plugin you can use for caching and Boost your page load time.
See the below mention links:
Excellent blog here! Also your site loads up very fast!
What host are you using? Can I get your affiliate link to
your host? I wish my website loaded up as fast as yours lol
I do not even know how I ended up here, but I thought this
post was great. I do not know who you are but definitely you’re
going to a famous blogger if you aren’t already 😉 Cheers!
Every weekend i used to visit this website, because i want enjoyment, for the
reason that this this website conations in fact fastidious funny stuff too.
Hello to all, how is the whole thing, I think every one is getting more
from this site, and your views are good in support of
new viewers.
What’s up, constantly i used to check weblog posts here in the early hours in the daylight, because i like to find out more and more.
After exploring a number of the blog articles on your site,
I seriously appreciate your technique of blogging. I book marked it
to my bookmark website list and will be checking back
soon. Please check out my website too and let me know how
you feel.
Thanks for reading , for more please get in touch with us..
Thanks for ones marvelous posting! I really enjoyed
reading it, you will be a great author.I will make sure to
bookmark your blog and will come back sometime soon. I want to encourage you to ultimately
continue your great job, have a nice afternoon!
Thanks for reading the article…
I am really loving the theme/design of your web site.
Do you ever run into any web browser compatibility
issues? A number of my blog visitors have complained about my blog not operating correctly in Explorer but looks great
in Firefox. Do you have any solutions to help fix this issue?
Thanks, Please try to make your blog mobile responsive and use the responsive template or theme.
Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.
You obviously know what youre talking about, why waste your intelligence on just posting videos to your
weblog when you could be giving us something informative to read?