Qué es la caché del navegador
La caché del navegador guarda copias de archivos de tu web (imágenes, estilos, scripts) directamente en el dispositivo del visitante, para que en su próxima visita no tenga que descargarlos de nuevo. También se conoce como «browser cache».
Es como dejar las herramientas que usas a diario en tu propia caja de herramientas en casa, en lugar de ir a buscarlas cada vez a la ferretería: la primera vez tienes que conseguirlas, pero después ya las tienes a mano. Cuando un visitante carga tu web por primera vez, su navegador descarga todos los archivos necesarios (el logo, los estilos, los scripts); si tu web indica que esos archivos se pueden guardar en caché, el navegador los conserva en el propio dispositivo, y en la siguiente visita a tu web los usa directamente sin tener que volver a descargarlos del servidor.
Cómo funciona
- Tu servidor indica, para cada tipo de archivo, durante cuánto tiempo el navegador puede guardarlo en caché.
- Un visitante carga tu web por primera vez, y su navegador descarga y guarda esos archivos según esa indicación.
- En visitas posteriores, mientras no haya pasado el tiempo indicado, el navegador usa la copia ya guardada en lugar de pedirla de nuevo al servidor.
- Esto hace que las visitas repetidas carguen mucho más rápido, porque gran parte del contenido ya está disponible localmente.
- Cuando actualizas un archivo (por ejemplo, cambias el logo), conviene que el sistema cambie también su nombre interno, para que los navegadores sepan que deben descargar la versión nueva en lugar de seguir usando la antigua guardada.
Ejemplo
Una escuela de conducción de motos con reservas de clases online en Manresa tenía todos sus archivos configurados para no guardarse nunca en caché del navegador, así que cada visita (incluso de clientes habituales que entraban varias veces por semana) descargaba absolutamente todo desde cero. Configuramos tiempos de caché adecuados para imágenes, estilos y scripts, y las visitas recurrentes de sus alumnos habituales empezaron a cargar de forma casi instantánea, sin tener que descargar de nuevo lo que ya tenían guardado.
Señales de que te afecta
- PageSpeed Insights señala «usa una política de caché eficaz» entre las recomendaciones de tu web.
- Tienes muchos visitantes recurrentes que notan que tu web carga igual de lento cada vez que vuelven.
- No sabes si tu servidor está indicando a los navegadores que guarden tus archivos en caché.
- Has cambiado archivos recientemente y algunos visitantes siguen viendo la versión antigua.
Cómo lo resolvemos
Configuramos los tiempos de caché del navegador adecuados para cada tipo de archivo de tu web, y nos aseguramos de que las actualizaciones de esos archivos se reflejen correctamente para todos los visitantes. Si quieres que revisemos esto en tu web, en nuestro servicio de optimización WordPress nos encargamos de ello. La caché del navegador complementa a la caché de página de tu servidor, y conviene combinarla con la compresión Gzip de los archivos.
Preguntas frecuentes
¿La caché del navegador es lo mismo que la caché de página?
No, son distintas: la caché de página vive en tu servidor y acelera la generación de la página para cualquier visitante, mientras que la caché del navegador vive en el dispositivo de cada visitante concreto y solo le beneficia a él en sus próximas visitas.
¿Cuánto tiempo deberían guardarse los archivos en caché del navegador?
Depende del tipo de archivo: imágenes, estilos y scripts que cambian poco pueden guardarse durante semanas o meses, mientras que archivos que se actualizan con frecuencia conviene guardarlos por menos tiempo.
¿Puedo forzar a un visitante a ver mi última actualización?
Sí, cambiando el nombre interno del archivo actualizado (una técnica habitual en WordPress), el navegador entiende que es un archivo nuevo y lo descarga, en lugar de seguir usando la versión guardada en caché.