Almacenamiento en caché del navegador
Los archivos estáticos deben almacenarse al final del visitante.
Qué es
El almacenamiento en caché del navegador (a través de los encabezados Cache-Control/Expires) permite que el navegador almacene archivos estáticos (imágenes, CSS, JS, fuentes) y no los vuelva a descargar en la siguiente visita.
Por qué importa
Sin almacenamiento en caché, un visitante que regresa descarga todo nuevamente en cada carga: innecesariamente lento y con muchos datos. El almacenamiento en caché adecuado acelera significativamente las visitas repetidas y descarga el servidor.
Cómo hacerlo
- 1Establezca un caché largo (por ejemplo, 1 año) para archivos estáticos inmutables.
- 2Utilice "eliminación de caché": control de versiones en el nombre (app.4f3a.js) para que el usuario obtenga la nueva versión al realizar el cambio.
- 3Mantenga HTML con un caché corto o sin caché (debe estar actualizado).
- 4Verifique los encabezados de Cache-Control en la respuesta.
Almacenamiento en caché de archivos estáticos (.htaccess)
<IfModule mod_expires.c>
ExpiraActivo el
ExpiresByType image/webp "acceso más 1 año"
ExpiresByType text/css "acceso más 1 año"
Aplicación ExpiresByType/javascript "acceso más 1 año"
</IfModule>Conclusión
El almacenamiento en caché del navegador es una forma económica de acelerar las visitas repetidas. La clave es combinar una caché larga para activos estáticos + nombres versionados para que puedas cambiar archivos sin el riesgo de que el usuario vea una versión antigua. Por otro lado, mantenga el HTML actualizado.
Temas relacionados