La caché explicada para propietarios no técnicos

El almacenamiento en caché es una de esas palabras que se encuentra en el corazón del rendimiento de los sitios web, pero rara vez se explica a los propietarios de los mismos. Los desarrolladores la utilizan constantemente, los artículos de soporte asumen que ya la comprendes y las configuraciones de la plataforma ofrecen habilitarla o borrarla sin explicar nunca qué es. Para un propietario no técnico, esto es frustrante, porque el almacenamiento en caché es genuinamente una de las herramientas más potentes para acelerar un sitio, y la idea subyacente no es complicada en absoluto.

El objetivo de esta guía es desmitificar completamente el almacenamiento en caché. Al final, comprenderá qué hace, por qué acelera las cosas tan drásticamente, las diferentes formas que adopta y los posibles inconvenientes a tener en cuenta. No necesitará configurar nada usted mismo, pero sabrá lo que sucede detrás de ese botón inofensivo llamado "borrar caché", y podrá tomar mejores decisiones sobre el rendimiento de su sitio como resultado. Es uno de esos temas raros en los que un poco de comprensión ayuda mucho a que su sitio sea más rápido y fácil de mantener.

La sencilla idea detrás del almacenamiento en caché

En esencia, el almacenamiento en caché significa mantener una copia prefabricada de algo para no tener que volver a crearlo desde cero cada vez que se necesite. Es un principio que usamos constantemente en la vida cotidiana sin nombrarlo. Si horneas una tanda de pan y congelas algo, estás haciendo un "caché": en lugar de mezclar, dejar levar y hornear de nuevo cada vez que quieres una rebanada, mantienes los panes terminados listos para usar. El trabajo duro se hace una vez, y el resultado se reutiliza muchas veces.

Los sitios web funcionan de la misma manera. Construir una página web es más complicado de lo que parece. El servidor puede necesitar obtener información de una base de datos, ensamblar varias piezas, aplicar su diseño y producir la página terminada, todo en el instante después de que un visitante la solicite. Si hace esto desde cero para cada visitante, ese esfuerzo se repite sin cesar. El almacenamiento en caché guarda la página terminada después de la primera solicitud para que los visitantes posteriores reciban la copia prefabricada casi instantáneamente, sin el trabajo de reconstrucción. El primer visitante paga el costo de construir la página, y todos los demás disfrutan del resultado guardado hasta que es hora de actualizarlo.

Por qué el almacenamiento en caché marca tanta diferencia

El aumento de velocidad gracias al almacenamiento en caché suele ser espectacular porque elimina la parte más lenta del servicio de una página. Reconstruir una página desde cero, consultar bases de datos y ensamblar contenido lleva tiempo real y un esfuerzo computacional real. Servir una copia guardada omite todo eso. La diferencia que experimenta un visitante puede ser la brecha entre una página que aparece al instante y una que le hace esperar.

Hay un segundo beneficio que importa tanto, especialmente cuando su sitio está ocupado. Debido a que las páginas en caché requieren muy poco esfuerzo para servirse, su servidor puede manejar muchos más visitantes al mismo tiempo sin forzarse. Durante un aumento de tráfico, esto es precisamente lo que mantiene un sitio en pie en lugar de colapsar bajo la carga. En este sentido, el almacenamiento en caché no es solo una característica de velocidad, sino una característica de resiliencia, estrechamente relacionada con los temas de nuestra guía sobre la monitorización y tiempo de actividad del sitio web. Un sitio sin almacenamiento en caché puede funcionar perfectamente bien en un día tranquilo y luego colapsar el día que más importa, cuando una campaña o una mención envía una ola de visitantes a la vez.

Los diferentes tipos de almacenamiento en caché

El almacenamiento en caché no es una única cosa, sino una familia de técnicas relacionadas, cada una de las cuales almacena copias en un punto diferente entre su servidor y su visitante. No necesita gestionarlas individualmente, pero comprender las capas ayuda a que el panorama general tenga sentido.

Caché del navegador

El propio navegador del visitante almacena copias de ciertos archivos, como su logotipo, hojas de estilo e imágenes, después de la primera visita. Cuando regresan o se mueven a otra página, el navegador reutiliza estos archivos almacenados en lugar de descargarlos de nuevo. Por eso, un sitio a menudo se siente notablemente más rápido en una segunda visita que en la primera. El almacenamiento en caché del navegador se controla mediante instrucciones que envía su servidor, indicando al navegador cuánto tiempo puede conservar cada archivo.

Caché del servidor y de páginas

El servidor guarda una copia final de cada página para no tener que reconstruirla para el siguiente visitante. Este es el caballo de batalla del almacenamiento en caché de sitios web y, por lo general, la capa que ofrece la mayor mejora individual. En la mayoría de las plataformas, es una configuración que se activa, y el beneficio es inmediato. Es una de las primeras cosas que se deben revisar al abordar un sitio lento, como se explica en nuestra guía sobre cómo acelerar un sitio web lento.

Caché de red

Las copias de su contenido se almacenan en servidores distribuidos por todo el mundo, cerca de sus visitantes. Esto es lo que proporciona una red de entrega de contenido (CDN), y combina los beneficios del almacenamiento en caché con los beneficios de la proximidad física. Lo explicamos completamente en nuestra guía sobre qué es una CDN y si necesita una.

El inconveniente: cuando el almacenamiento en caché muestra contenido obsoleto

El almacenamiento en caché tiene un inconveniente bien conocido, y comprenderlo explica ese misterioso botón de "borrar caché". Debido a que una caché guarda una copia, existe el riesgo de que la copia quede desactualizada. Si actualiza una página, por ejemplo, para corregir un precio o publicar nueva información, pero aún se está sirviendo una copia en caché de la versión antigua, los visitantes pueden ver el contenido obsoleto por un tiempo. La caché sirve fielmente lo que guardó, que ya no es lo que desea mostrar.

Por eso, a veces es necesario borrar la caché. Borrarla obliga al sistema a descartar sus copias guardadas y a crear otras nuevas a partir de su contenido actual, para que todos vean la última versión. La mayoría de las veces, esto sucede automáticamente y nunca lo piensas. Pero si alguna vez realizas un cambio y no entiendes por qué no aparece, una caché obsoleta es un culpable muy común, y borrarla suele resolver el enigma de inmediato. Es una de las primeras cosas que vale la pena intentar antes de asumir que algo más grave ha salido mal.

Encontrar el equilibrio

Una buena configuración de caché logra un equilibrio entre velocidad y frescura. El contenido que rara vez cambia, como su logotipo o archivos de diseño, puede almacenarse en caché durante mucho tiempo porque hay poco riesgo de que se vuelva obsoleto. El contenido que cambia a menudo se almacena en caché de forma más breve o se actualiza más rápidamente. En la mayoría de las plataformas, estas decisiones se manejan de manera sensata por defecto, razón por la cual el almacenamiento en caché suele funcionar. Solo cuando realiza un cambio y espera verlo al instante es cuando el compromiso se hace visible. Mantener el almacenamiento en caché funcionando bien con el tiempo es parte de la disciplina más amplia cubierta en nuestra guía sobre cómo mantener su sitio web rápido con el tiempo y la guía general de mantenimiento del sitio web.

Cabe señalar que el breve lapso en el que se puede servir una copia obsoleta suele ser corto y rara vez causa un daño real. Para la mayoría de los cambios cotidianos, como editar un párrafo o intercambiar una imagen, un breve retraso antes de que todos vean la actualización no tiene consecuencias. Los casos que merecen atención son aquellos en los que la información antigua podría inducir a error a alguien, como un precio cambiado, una hora de apertura corregida o una oferta retirada. En esas situaciones, vale la pena borrar la caché deliberadamente en lugar de esperar a que se actualice por sí sola, para que ningún visitante actúe sobre información que ya ha cambiado. Saber cuándo la frescura realmente importa y cuándo un breve retraso es inofensivo es la mayor parte de lo que un propietario no técnico necesita para gestionar el almacenamiento en caché con confianza.

Cómo llega el almacenamiento en caché a un visitante, paso a paso

Para concretar la idea, ayuda seguir una única solicitud de página de principio a fin y ver dónde entra en juego cada caché. Cuando un visitante que regresa abre una de sus páginas, su navegador primero verifica su propia caché en busca de los archivos que ya tiene, como su logotipo y archivos de diseño. Cualquier cosa que encuentre allí la reutiliza inmediatamente, sin necesidad de preguntar a su servidor en absoluto. Esta es la primera y más rápida capa, y explica por qué un sitio se siente mucho más rápido la segunda vez.

Para la página en sí y cualquier cosa que el navegador no tenga ya, la solicitud continúa. Si una red de entrega de contenido se encuentra frente a su sitio, verifica si tiene una copia guardada cerca del visitante, y si es así, responde desde allí, evitando a la solicitud un largo viaje a su servidor de origen. Solo si ni el navegador ni la red tienen lo que se necesita, la solicitud finalmente llega a su propio servidor, donde se verifica la caché de la página por última vez. Si existe una copia lista para usar allí, se envía directamente; si no, el servidor construye la página de nuevo, la sirve y guarda una copia para que el próximo visitante no tenga que esperar.

Vista como una secuencia, las capas forman una serie de puntos de control cada vez más distantes, cada uno esperando responder a la solicitud antes de que tenga que viajar más lejos. Cuanto más cerca está una capa del visitante, más rápido responde, por eso el almacenamiento en caché del navegador se siente instantáneo y una página recién construida se siente más lenta. Nunca tendrá que gestionar esta cadena usted mismo, pero comprenderla elimina el misterio de por qué algunas visitas se sienten inmediatas y otras tardan un momento, y muestra por qué tener el almacenamiento en caché activado en cada capa disponible se suma a un sitio que se siente consistentemente rápido.

Cómo funcionan juntos el almacenamiento en caché y su alojamiento

El almacenamiento en caché y el alojamiento a veces se consideran alternativas, como si un servidor lo suficientemente rápido hiciera innecesario el almacenamiento en caché o un buen almacenamiento en caché le permitiera arreglárselas con un alojamiento débil. En realidad, trabajan como socios, y los mejores resultados provienen de tener ambos en buen estado. El alojamiento determina qué tan rápido puede su servidor construir una página cuando realmente tiene que hacerlo, mientras que el almacenamiento en caché determina con qué frecuencia tiene que construir una. Un servidor fuerte sin almacenamiento en caché reconstruye cada página para cada visitante, desperdiciando esfuerzo, mientras que un almacenamiento en caché pesado en un servidor débil todavía hace que la ocasional página recién construida se sienta lenta.

Esta asociación se hace más visible bajo presión. En un día ajetreado, el almacenamiento en caché protege su alojamiento de la mayor parte del trabajo al responder la mayoría de las solicitudes con copias guardadas, lo cual es exactamente lo que permite que un servidor modesto haga frente a una multitud que nunca podría manejar si tuviera que construir cada página individualmente. Pero las solicitudes que sí llegan al servidor, para contenido que no se puede almacenar en caché o que acaba de actualizarse, todavía dependen de que el alojamiento sea capaz. Si su sitio es consistentemente lento incluso con el almacenamiento en caché habilitado, el alojamiento subyacente puede ser el factor limitante, una posibilidad que vale la pena explorar a través de nuestra guía sobre alojamiento web y los consejos de rendimiento más amplios en el clúster de mantenimiento. Pensar en los dos juntos, en lugar de esperar que uno rescate al otro, lleva a un sitio que es rápido en un día normal y estable en uno ajetreado.

Una rutina práctica para convivir con el almacenamiento en caché

Para la mayoría de los propietarios, el almacenamiento en caché no requiere ninguna atención diaria, y así debe ser. El enfoque sensato es confirmar que el almacenamiento en caché de páginas está activado, confiar en que hará su trabajo y presionar el botón de borrar caché solo en la rara ocasión en que una actualización no aparezca como se esperaba. Adoptar este pequeño hábito elimina la mayor parte de la confusión que el almacenamiento en caché puede causar de otro modo, porque reconocerá una caché obsoleta por lo que es en lugar de temer que su sitio esté roto.

También vale la pena recordar que su propia visión del sitio puede ser engañosa. Debido a que su navegador almacena archivos en caché, es posible que esté viendo una versión anterior de una página mientras todos los demás ven la nueva, o al revés. Al verificar si un cambio se ha implementado, ayuda ver la página en una ventana de navegación privada o en un dispositivo diferente, lo que evita la caché de su propio navegador y le muestra lo que vería un nuevo visitante. Este truco resuelve un sorprendente número de momentos en los que un propietario está convencido de que un cambio no ha funcionado cuando en realidad sí lo ha hecho, y lo único que se interponía era una copia guardada en su propia máquina.

Para una visión más técnica de cómo el almacenamiento en caché y la velocidad influyen en el rendimiento de búsqueda, nuestra guía interclúster sobre la velocidad del sitio web y Core Web Vitals es una lectura que vale la pena. La conclusión clave para un propietario no técnico es simplemente esta: el almacenamiento en caché es su amigo, hace que su sitio sea más rápido y resistente, y el botón de borrar caché es la herramienta a la que recurre en la rara ocasión en que una copia guardada persiste más tiempo de lo que le gustaría.

Preguntas frecuentes

Referencias

1. Cloudflare Learning Center, ¿Qué es el almacenamiento en caché?, https://www.cloudflare.com/learning/cdn/what-is-caching/
2. web.dev, Almacenamiento en caché HTTP, https://web.dev/articles/http-cache

Si desea ayuda para asegurarse de que el almacenamiento en caché funciona correctamente en todo su sitio, explore nuestros servicios de mantenimiento de sitios web o póngase en contacto con nosotros.