Optimización de caché – Aumento de rendimiento agregando Headers de Expiración

A través de la herramienta de google que os comenté en otro post, se puede ver que es importante definir la caché de las páginas y de los tipos de ficheros tipo javascript, estilos, imágenes,…
Es en este punto es donde se debe saber que se habla de header de expiración que es donde indicamos cuando un fichero expira. Si el fichero ha expirado, se vuelve a cargar y si el fichero no ha expirado, no se carga de nuevo para poder optimizar las cargas al máximo. Por tanto, para ficheris que no cambian comúnmente como las imágenes, vídeos, javascript, hojas de estilo podríamos agregarle headers de expiración con lo cual solo se cargarán la primera vez que accedemos a la pagina.

Esto lo podemos definir a través del fichero .htaccess. Para el caso de la expiración se puede utilizar ExpiresDefault, para ello tenemos las siguientes directivas de tiempo: years, months, weeks, days, hours, minutes, seconds.

Lo recomendables es colocar una expiración mínima de una semana en los ficheros menos modificados (jpg, png, gif, swf, js, css), entonces podríamos agregar el siguiente código:

ExpiresActive On
ExpiresDefault A0

# expiracion de 1 semana para archivos estaticos

ExpiresDefault "access plus 1 weeks"

La expiración también se puede expresar en segundos. El ejemplo anterior quedaría (7 dias = 60*60*24*7 = 604800):

ExpiresActive On
ExpiresDefault A0

# expiracion de 1 semana para archivos estaticos

ExpiresDefault A604800

Otra forma para agregar la expiración es por tipo de fichero utilizando la directiva ExpiresByType. Por ejemplo:

ExpiresActive On
ExpiresDefault A0

ExpiresByType image/gif A604800
ExpiresByType image/png A604800
ExpiresByType text/css A604800
ExpiresByType text/javascript A604800