LeegaR Blog

Especificar expiración de las imagenes en Caché

Personalmente creo que soy un enfermo de la optimización de las páginas en Internet, en realidad de todo, ya que a modo de ejemplo y alegato les confieso que optimizo las imágenes que utilizo en mi teléfono celular para que las mismas se desplieguen más rápido cuando las utilizo de fondo de pantalla (lo cual es una locura porque seguramente no influye o lo que gano son centésimas de segundo imperceptibles por un ser humano normal)…

Si han utilizado Firebug en conjunto con Page Speed notaron que uno de los parámetros de performance que evalúa esta última extensión se titula “Leverage browser caching” y se trata del tiempo de valides de las imágenes y hojas de estilo de una página hasta que las mismas expiren y tengan que ser nuevamente cargadas desde el Servidor…

Page Speed

Supongamos que configuramos el tiempo de expiración de las imágenes a siete días, entonces el usuario carga nuestra página por primera vez y el navegador dice “¡Epa! Acá hay unas imágenes que tienen validez por siete días, entonces las guardo en el disco hasta pasada una semana“… De esta manera, y durante siete días, cada vez que el mismo usuario cargue nuestra página las imágenes serán tomadas desde su propia computadora, ahorrándonos transferencia mensual y ancho de banda, así como acelerando la experiencia del usuario… Una vez transcurridos los siete días el navegador volverá a cargar las imágenes pero desde nuestro servidor…

Entonces, ¿cómo configuramos el tiempo de expiración de la Caché?… Gracias al artículo “Using browser cache for performance” descubrí que únicamente deberemos de editar nuestro archivo .htaccess y agregar la siguiente porción de código:

<ifmodule mod_expires.c>
<filesmatch “\.(jpg|JPG|gif|GIF|png|PNG|css|ico)$”>
ExpiresActive on
ExpiresDefault “access plus 31 day”
</filesmatch>
</ifmodule>

De esta manera hemos configurado a 31 días (el mínimo recomendado por Google) el tiempo de expiración de la caché de todas las imágenes de nuestro diseño o adjuntas en los artículos de nuestro Blog, de las hojas de estilo, e incluso del Favicon… Saludos…