1).
What is Leverage Browser Caching?
We might have heard about leverage browser caching many times while dealing with website speed issues. Whenever website is loaded in a browser the resources (images, JavaScript, CSS files) does not include caching headers or the resources are cached only for a very short time.
This leads to slower loading of webpages and lower rankings in search engines for specified keywords. Whenever the website is loaded the browser fetches the resources over the network every time, making it a slow and an expensive process.
Slow loading of a website is a major reason for high bounce rate, loss of visitors and it creates a bad name for your business. By enabling it the resources are loaded from cache instead of network whenever a user visits that website again.
(Must Read - Most Followed SEO Tips for Bloggers to be Used in 2015)
2). Where to check it?
Browser caching for different resources can be checked every time by using Google Developer’s Tool.
3). How to enable Browser Caching?
To enable browser caching you just have to write some lines of code into your .htaccess file which is uploaded on your host/server. It is a very important file which controls many functionalities of a website, so it is always recommended to take a backup of .htaccess file before making any changes.
Open .htaccess file and write the code shown below in it and save the file and refresh your webpage.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
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 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"
</IfModule>
## EXPIRES CACHING ##
This code tells browser what resources are to be cached and for how long. The time specified for each resource can also be changed according to the requirements like from ‘1 month’ to ‘1 year’.
We might have heard about leverage browser caching many times while dealing with website speed issues. Whenever website is loaded in a browser the resources (images, JavaScript, CSS files) does not include caching headers or the resources are cached only for a very short time.
This leads to slower loading of webpages and lower rankings in search engines for specified keywords. Whenever the website is loaded the browser fetches the resources over the network every time, making it a slow and an expensive process.
Slow loading of a website is a major reason for high bounce rate, loss of visitors and it creates a bad name for your business. By enabling it the resources are loaded from cache instead of network whenever a user visits that website again.
(Must Read - Most Followed SEO Tips for Bloggers to be Used in 2015)
2). Where to check it?
Browser caching for different resources can be checked every time by using Google Developer’s Tool.
3). How to enable Browser Caching?
To enable browser caching you just have to write some lines of code into your .htaccess file which is uploaded on your host/server. It is a very important file which controls many functionalities of a website, so it is always recommended to take a backup of .htaccess file before making any changes.
Open .htaccess file and write the code shown below in it and save the file and refresh your webpage.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
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 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"
</IfModule>
## EXPIRES CACHING ##
This code tells browser what resources are to be cached and for how long. The time specified for each resource can also be changed according to the requirements like from ‘1 month’ to ‘1 year’.
0 comments:
Post a Comment