Leverage Browser Caching – Increase page Speed

4Share

Since last a couple of days Google introduced a Page Speed criteria to their algorithm.Google notified each web masters to increase web page speed.If you are using Caching plugins for WordPress and your design is p to date then, you won’t face any issues in Page speed Performance analysis from Google lab except the major two issues –Leverage Browser Caching and Enable compression Which creates a lot of headache now a days for many blogger.

What is Leverage Browser Caching?

Normally, each browser fetch resources from web server those are not exist on local cache/temporary files or Those are are exist in cache but expired.So, to avoid everything fetching of images and other js/css files we required to cache those and set maximum  Expiration time so, that will resolve your Leverage Browser Caching  issue with Google page speed analysis

Impacts on Browsing  if  Leverage Browser Caching is not applied on your WordPress blog.

If you set an expiry date or a maximum age in the HTTP headers for static resources, modern browsers will load previously downloaded static resources like images, css, javascript, pdf, swf etc. from local disks rather than over the network.

leverage browser caching

So if you configure your web server to set caching headers and apply them to all cache able static resources, your site will appear to load much faster.

W3Total Cache WordPress caching plugins won’t resolve Leverage Browser Caching Issue

If you are are using -W3total cache WordPress cache plugins or Super cache WordPress Plugins then , current release of those plugins won’t resolve your issue of  Leverage Browser Caching on your WordPress blog.

[Solution] How to Fix Leverage Browser Caching Issue on WordPress blog

Since last two days I go though many articles and solutions and it won’t works well for me about page browser caching issue. As i am programmer, i have technical expertise.i tried each of and fins the best solution after tweaking .htaccess file. Apache, configuring the proper headers can be done in the .htaccess file

# Set Cache-Control and Expires headers

Header set Cache-Control "max-age=2592000, private"
Header set Expires "Sun, 17  Oct 2012 20:00:00 GMT"

Header set Cache-Control "max-age=604800, private"

Header set Cache-Control "max-age=604800, private"

Header set Cache-Control "max-age=216000, private, must-revalidate"

Header set Cache-Control "max-age=7200, private, must-revalidate"

Please not that -these chnages are required to be done under .htaccess file.

Removing ETags in .htaccess for better browser caching

Entity tags (ETags) are a mechanism that web servers and browsers use to determine whether the component in the browser’s cache matches the one on the origin server.

# Turn off ETags
FileETag None
Header unset ETag

Why i should Care about Page Speed and resolve All browser caching related Issues?

I think you didn’t noticed -google pagerank showing 0 for each page of sites. means google tried to remove the concept of pagerank so, there may be more chances that page speed will be the next major factor that will affect many webmasters in upcoming days.

I tried to explain as much as possible , still if you are not clear with any of the term or  settings of  .htaccess feel free to comment here so, i will update this post and make it to more general that will become more helpful to webmasters to resolve  -Leverage Browser Caching issue to increasing page speed.

Please share your views in regards of browser caching and  page speed.

Tweet