Tips on Leverage Browser Caching in Onpage

[aadarshweb]

Browser cache means, static resources of a webpage can store in browser so when a user re visit the page, these files will load from local server. Don’t have to get it from server, so the overall speed will increase. It can enable by some plugins in content management system based websites. Also you can do it manually by editing the root configuration file and pasting a code to it.

## 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 ##

After enabling browser cache, you may not able to view your updates on front end. It is just because your browser load from cache. To solve this you can clear browser cache after each update.

[skjaat]

many plugin avialable for it so use them and leverage browser cachinng.