Toda vez que acessamos um site, todo o conteúdo disponível tais como arquivos .css, .js, imagens entre outros é baixado para o computador, permanecendo em uma área temporária até a página web ser encerrada.

A partir do primeiro acesso podemos instruir o navegador a guardar estes arquivos anteriormente baixados em um local chamado Cache, também podemos definir o tempo em que esse aqruivo ficará armazenado.

Deste modo, ao acessar novamente o site, o navegador será instruído a buscar conteúdos diretamente do Cache. Caso ele não tenha algo no Cache ou o tempo de permanência tenha expirado, é solicitado o arquivo em questão ao servidor do site

Como Utilizar

Aloque no diretório public_html de sua hospedagem um arquivo chamado .htaccess com o seguinte conteúdo:

#Força a utilizar Cache-Control e Expires header

Header unset ETag

 FileETag None

ExpiresActive on
ExpiresDefault "access plus 1 month"
ExpiresByType text/cache-manifest "access plus 0 seconds"
# Html
ExpiresByType text/html "access plus 0 seconds"
# Data
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
# Feed
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/atom+xml "access plus 1 hour"
# Favicon
ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# HTC files
ExpiresByType text/x-component "access plus 1 month"
# Webfonts
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
# CSS / JS
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType application/x-javascript "access plus 1 year"

#Força o IE a sempre carregar utilizando a última versão disponível

Header set X-UA-Compatible "IE=Edge,chrome=1"

Header unset X-UA-Compatible

• Você pode testar o resultado através do link https://developers.google.com/speed/pagespeed/insights/