Controle el tiempo de caché de sus archivos estáticos

Introducción

Típicamente, los sitios web tiene muchos archivos que son estáticos o varían muy poco en el tiempo como íconos, imágenes, hojas de estilo (css) o scripts java, que aunque su descarga probablemente no signifique mucho sacrificio para nuestro servidor, puede afectar los tiempos de carga en el cliente.

La especificación de HTTP, cuenta con el parámetro de encabezado (header) Cache-Control para controlar el tiempo de permanencia en caché, en el propio cliente o en algún proxy, evitando que el archivo sea extaraído nuevamente desde el servidor. En la mayoría de los casos se produce un diágo entre el cliente y el servidor donde le consulta si el archivo a sufrido algún cambio, y de no ser así, el cliente usa el archivo descargado anteriormente si se encuentra dentro del tiempo dado.

Configuración Apache

La configuración puede se especificada en archivo .htaccess o en la definición del <VirtualHost>, por medio del módulo filesMatch, agregamos el encabezado Cache-Control:

<filesMatch ".(png|jpg|gif)$">
    Header set Cache-Control "max-age=86400, public"
</filesMatch>

<filesMatch ".(js|css)$">
    Header set Cache-Control "max-age=900, public"
</filesMatch>

Con ello indicamos a Apache que los archivos de imágenes ".png", ".jpg", ".gif" tendrán un tiempo de vida de 86400 segundos (1 día), y los archivos ".js" de scripts java junto a las hojas de estilo ".css" tienen una permanencia de 900 segundos, tiempos que podráa ajustar a las necesidades o dinamismo de nuestro sitio.

Con parámetro public el archivo se almacene en el caché del cliente y en los servidores proxy en caso que se utilicen. Altenativamente se puede especificar private con lo que se almacena solo en el cache del cliente.

Generado por Sistema y almacenado en cache