How Does Browser Cache Benefit SEO?

We often heard the following conversation:
Web designer – I updated the website
Client – I didn’t see the update
Web designer – Try clear your browser cache to see the new update
Client – After clear cache, I saw the update

What Is Browser Cache?
Every time users open a webpage, the browser automatically download all the web files from origin web server to local users computers. Files including HTML, CSS, javascript, images, videos and other media content. We call the download files as browser cache.

How Browser Cache Works?
When users revisit a same website, the browser will check and skip which content already been stored as cache, and then only download non-cache files from web servers. Because of cutting down the number of download files, the page load faster by reducing bandwidth usage on both the users and web servers.

The benefit to leverage browser cache for SEO
Brower display something from your local hard disk is faster than downloading from the web server. Improving site speed means, reduce bounce rate, improve site ranking and increase sale conversion.
browser-cache

Problem with browser cache
Although cache files help to speed page load, but it always displays old content to visitors. That is why users often ask to clear the browser cache to see new update.

The proper way to handle browser cache

– Cache static file e.g. JS, CSS, Images, Video
– Cache repeat section
– Don’t cache database and HTML
– Instead of allow the browser to cache all types of images, we can restrict it to cache only PNG or JPG. E.g. use JPG for repeat section, PNG for active section

browser-cache

At poxse, we create the following cache setting to .htaccess file:

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
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/javascript “access 1 year”
ExpiresByType application/x-javascript “access 1 year”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”

## EXPIRES CACHING ##