SummArg | Cursos y recursos para webmasters

Aprovechar el almacenamiento en caché del navegador

Cuando un usuario visualiza una página, su navegador descarga todos los objetos que utiliza la misma (imágenes, CSS, archivos JavaScript, etc.) y los vuelve a recargar cada vez que el usuario vuelve a ingresar. No todos los objetos necesitan ser recargados y ésto puede indicarse al navegador mediante el .htaccess.

En el siguiente ejemplo el código está dentro de un condicional que primero comprueba que el módulo mod_expires esté instalado en el servidor (pueden comprobarlo con phpinfo() ). De ser así establece que las imágenes y el ícono expiren al año, los elementos CSS, .js y Flash expiren al mes y el resto de los elementos a los dos días.

Se sobreentiende que elementos como el HTML no se consideren estáticos y deban ser recargados cada vez.

<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 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 2 days"
</IfModule>

Otro ejemplo es el siguiente, en donde todo expira al mes:

<FilesMatch ".(ico|flv|jpe?g|png|gif|js|css|swf)$">
 ExpiresActive On
 ExpiresDefault "access plus 1 month"
</FilesMatch>

Dejar un comentario