Error de conexión. Inténtalo de nuevo.

Saltar al contenido
SEO Tools
Ayuda y documentación
Velocidad Impacto medio Fácil 15 a 30 minutos

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

  1. 1Establezca un caché largo (por ejemplo, 1 año) para archivos estáticos inmutables.
  2. 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.
  3. 3Mantenga HTML con un caché corto o sin caché (debe estar actualizado).
  4. 4Verifique los encabezados de Cache-Control en la respuesta.

Almacenamiento en caché de archivos estáticos (.htaccess)

Correcto
<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