¿Qué Es la Caché & Cómo Se Almacena en Caché un Sitio Web?
Este tutorial abarca los siguientes temas:
La caché es vital para acelerar las operaciones y mejorar la experiencia del usuario en la navegación web y el uso de aplicaciones de software.
Este artículo te ayudará a comprender qué es la caché, cómo funciona, sus diferentes tipos y cómo limpiar la caché para un rendimiento óptimo del sitio web.
La memoria caché es un término amplio que puede referirse a la infraestructura del servidor y al navegador local o caché de hardware.
Si bien hay muchos aspectos técnicos de la caché, definiremos los más relevantes para los propietarios y usuarios de sitios web.
¿Cómo funciona el almacenamiento en caché?
La siguiente imagen muestra el proceso de carga de la página y cómo se almacenan en caché en diferentes puntos:
Comienza cuando un visitante ingresa la URL de un sitio web en su navegador.
El navegador primero revisa su caché para ver si alguna parte de la página (como imágenes o archivos) está almacenada localmente. Si se encuentra algo, carga inmediatamente. Si no, el navegador envía una solicitud al servidor del sitio web.
Los archivos del sitio web (como HTML, CSS o JavaScript) pueden provenir de una red de entrega de contenido (CDN), lo que ayuda a cargar estos recursos más rápido almacenándolos más cerca del visitante.
Luego, el servidor ensambla el contenido y lo envía al navegador. Si la página web se ha almacenado anteriormente, la caché de la página puede enviar una versión guardada en lugar de reconstruirla.
Si la página no está en caché, el servidor web procesa la solicitud. Reúne todos los recursos necesarios y puede interactuar con una base de datos para obtener contenido dinámico como publicaciones de blog o datos de usuario.
El almacenamiento en caché en varias etapas reduce el tiempo que tarda en cargar el contenido y aumenta el rendimiento general.
¿Cuáles son los diferentes tipos de caché?
El almacenamiento en caché del sitio web se puede clasificar en caché del lado del servidor y del lado del cliente. Por separado, los componentes de hardware (como la CPU y la memoria RAM de tu dispositivo) también tienen su propia caché para acelerar las operaciones.
1. Caché del lado del cliente
El almacenamiento en caché del lado del cliente ocurre en el dispositivo del usuario después de que se hayan recibido los datos del servidor.
-
Caché del navegador
La caché del navegador es el tipo más común de caché que los usuarios encuentran. Almacena información de los sitios web que visitas por primera vez en tu dispositivo local.
Los navegadores web como Google Chrome, Microsoft Edge o Safari usan esta caché para mejorar los tiempos de carga.
Por ejemplo, cuando visitas un sitio web de noticias, tu navegador almacena elementos como imágenes, logos y archivos CSS. La próxima vez que visites, recuperará esos archivos de la caché en lugar de descargarlos de nuevo.
-
Caché DNS local
Tu dispositivo almacena información DNS para resolver rápidamente las direcciones de dominio.
Cuando visitas un sitio web por primera vez, tu sistema consulta un servidor DNS externo para obtener la dirección IP.
En la próxima visita de ese mismo sitio web, primero comprueba su caché DNS local para ver si ha almacenado recientemente una dirección IP para ese dominio.
Si el dominio y la dirección IP se encuentran en la caché DNS local, el cliente puede omitir la consulta a un servidor DNS externo. Esto mejora la velocidad de carga y reduce el tráfico de red y la carga en los servidores DNS externos.
2. Caché del servidor
Este tipo de almacenamiento en caché ocurre en el servidor antes de que los datos del sitio se envíen al cliente local (navegador o dispositivo). Su objetivo es reducir la carga de procesamiento del servidor y entregar el contenido más rápidamente al usuario.
El almacenamiento en caché del lado del servidor funciona en múltiples capas. Se enfocan en diferentes aspectos de la mejora del rendimiento dentro del entorno del servidor.
-
Reverse-proxy Cache
El proxy inverso almacena respuestas HTTP completas , como páginas web completas, CSS estático o archivos de imagen. Cuando alguien solicita una página, el proxy revisa su caché primero. Si la página está en caché, envía la versión guardada, acelerando los tiempos de carga.
Esto reduce la carga de trabajo en el servidor principal, que no necesita reenviar la página. Herramientas como NGINX y Varnish se usan comúnmente para este tipo de almacenamiento en caché.
-
Caché dinámica
Esta capa apunta al contenido generado por sitios web, como WordPress. Las aplicaciones CMS crean páginas dinámicamente basadas en las solicitudes de los usuarios y consultas de la base de datos.
A diferencia de los sitios web estáticos donde una página se almacena como un archivo simple (como HTML), los sitios web dinámicos usan consultas de base de datos y procesamiento del lado del servidor para generar páginas.
El almacenamiento en caché dinámico reduce la necesidad de esto al almacenar en caché la respuesta de la página completa generada por el servidor. Esto lleva a cargas de página más rápidas y carga de servidor reducida para futuras solicitudes.
-
Object cache
La caché de objetos recopila objetos individuales de información utilizados para generar una página.
Por ejemplo, WordPress puede necesitar recuperar el menú de navegación del sitio. Esto implica una consulta a la base de datos.
Con el almacenamiento en caché de objetos, el resultado de esta consulta se almacena en caché. Por lo tanto, incluso si la página dinámica cambia, los datos del menú aún se pueden extraer de la caché sin afectar la base de datos.
Es particularmente beneficioso para sitios web de alto tráfico o aquellos con grandes bases de datos porque almacena en caché los datos de uso frecuente en varias páginas. Esto reduce significativamente la carga en la base de datos.
Memcached de SiteGround es una solución de cache de objetos.
-
Opcode cache
El almacenamiento en caché de opcode mejora el rendimiento al almacenar el código PHP compilado (opcodes) en la memoria.
Elimina la necesidad de recompilar los scripts para cada solicitud y acelera los tiempos de ejecución. OPcache es la solución de cacheo de opcode más común.
Al cachear el código compilado, optimiza el rendimiento de las aplicaciones basadas en PHP, como WordPress. Esto también reduce la carga de la CPU en el servidor.
-
Caché CDN
El almacenamiento en caché de CDN es importante, especialmente si un sitio web tiene un público objetivo global. Consiste en CDN edge que almacenan copias en caché de los datos del sitio web en diferentes ubicaciones.
Cada visitante carga datos del sitio desde el CDN más cercano, en lugar de realizar una solicitud al servidor de origen. Esto permite a los usuarios lejos del centro de datos acceder a las páginas más rápidamente.
Los CDN también son útiles para distribuir el tráfico y reducir la carga en el servidor de origen. Esto mejora el rendimiento y proporciona una capa adicional de seguridad.
3. Hardware caching
Si bien es más relevante para el rendimiento informático, la caché de hardware puede servir como una buena analogía de cómo funciona el almacenamiento en caché en los sitios web.
-
CPU cache
La caché de la CPU es una pequeña memoria de alta velocidad ubicada en la unidad central de procesamiento de una computadora. Contiene archivos temporales que son usados frecuentemente por la CPU.
-
Memoria cache
La memoria caché almacena datos en la memoria RAM de tu sistema para un acceso rápido. Por ejemplo, Google Chrome puede almacenar datos en la RAM si tienes muchas pestañas abiertas, para que la navegación sea más fluida.
-
Caché de disco
Tu disco de almacenamiento también tiene su propia caché, como caché flash y caché persistente. Aumentan la velocidad de las operaciones de lectura y escritura. Esto es importante durante los períodos de alta demanda, como los juegos o la edición de video.
Beneficios de la caché para tu sitio web
1. Velocidad web mejorada
El beneficio más obvio del almacenamiento en caché es la mejora de la velocidad del sitio web. Reducir los tiempos de carga de la página es un factor importante en la retención de usuarios.
Los estudios han demostrado que más del 50% de los usuarios abandonan un sitio web si una página tarda más de tres segundos en cargar. Los diferentes niveles de almacenamiento en caché resuelven este problema aumentando significativamente el rendimiento y la velocidad de carga.
2. Carga del servidor reducida
El almacenamiento en caché reduce la necesidad de solicitudes de datos repetidas y permite que el servidor maneje más tráfico. Al reducir la carga del servidor, el almacenamiento en caché permite que tu sitio web funcione de manera más eficiente.
3. SEO Boost
La velocidad es un factor importante para el posicionamento en buscadores (SEO). Los sitios web más rápidos tienden a tener una clasificación más alta porque los motores de búsqueda priorizan los sitios que ofrecen una mejor experiencia de usuario. Se recomienda utilizar todas las herramientas de caché disponibles para mejorar tus posibilidades de posicionarte en la primera página de búsquedas.
4. Acceso sin conexión
Una ventaja significativa de usar el almacenamiento en caché de CDN es el acceso sin conexión al contenido web. Por ejemplo, el modo CDN Siempre en línea de SiteGround mantiene tus páginas accesibles en caso de una interrupción. Si el servidor se cae, los visitantes aún podrán acceder al sitio web y tener una experiencia normal.
Cómo limpiar la caché
Los datos antiguos en caché pueden hacer que los sitios web carguen contenido desactualizado. Limpiar todas las cachés libera espacio de almacenamiento en tu dispositivo. También previene problemas del lado del servidor con la caducidad de la caché y la invalidación incorrecta.
1. Borrar caché y cookies
La caché y las cookies sirven para diferentes propósitos. La caché almacena datos del sitio web para mejorar la velocidad de carga. Las cookies almacenan información como los datos de inicio de sesión y las preferencias. Ten en cuenta que eliminar las cookies también eliminará las sesiones de inicio de sesión guardadas en tu navegador.
Para borrar los datos de navegación en Google Chrome:
- Haz clic en las tres líneas punteadas en la esquina superior derecha para acceder al menú de configuración
- Selecciona Eliminar datos de navegación.
- Comprueba Imágenes y archivos en caché y Cookies y otros datos del sitio
- Haz clic en Eliminar datos.
También puedes especificar un rango de tiempo para limpiar, pero generalmente se recomienda limpiar la caché completa cuando se solucionan los problemas.
Para Safari, haz clic en Historial en el menú superior > Borrar historial > selecciona un intervalo de tiempo > Borrar historial
También tenemos artículos detallados sobre los pasos exactos para limpiar la caché en otros navegadores , un dispositivo Android y dispositivos móviles iOS.
2. Limpiar caché de DNS
A veces, puede ser necesario vaciar la caché de DNS para resolver problemas relacionados con las discrepancias de direcciones IP.
Los pasos varían según el sistema operativo. Hemos creado artículos separados para limpiar la caché de DNS en un Ordenador con Windows, Ordenador Apple y un Dispositivo Linux.
3. Purgar caché del servidor
La caché dinámica de SiteGround se limpia automáticamente en un periodo de tiempo determinado. También puedes purgarla manualmente a través del panel de Site Tools , o usar el botón “Purgar caché” del nuestro plugin Optimizador de Velocidad ( Speed Optimizer ). El botón es visible dentro de la barra de tareas superior de WP-Admin.
La mayoría de los proveedores de alojamiento que ofrecen algún tipo de almacenamiento en caché del lado del servidor también tienen un botón Limpiar caché o Purgar caché en sus paneles de control.
4. Purgar CDN cache
Para limpiar la caché de CDN, navega a la configuración de tu proveedor de CDN y busca el botón Purgar caché / Borrar caché.
Para el CDN de SiteGround, ve a Site Tools > Velocidad > CDN haz clic en Purgar caché. Esto borra todos los datos almacenados en la red de CDN para que los usuarios reciban la versión más reciente de tu sitio web.
Posibles problemas de caché
1. Estanqueidad de la caché
Estanqueidad de la caché ocurre cuando el navegador sirve una copia rancia (obsoleta) de la página.
Cuando no puedes ver las actualizaciones recientes, generalmente es porque el navegador todavía está recuperando la versión desactualizada en caché.
En tales casos, limpiar la caché del navegador y purgar toda la caché del servidor debería resolver el problema.
2. Penalizaciones por fallos de caché
Las cachés funcionan usando un sistema de aciertos y errores de caché.
Un cache hit ocurre cuando los datos solicitados se encuentran en la cache.
Una pérdida de caché significa que los datos del sitio no se almacenan en caché, lo que obliga al sistema a recuperarlos desde el servidor de origen.
Los errores de caché aumentan el tiempo de carga y pueden afectar negativamente la experiencia del usuario.
3. Almacenamiento limitado
Los archivos de caché a veces pueden ocupar una cantidad significativa de espacio en tu dispositivo si se acumulan con el tiempo. Esto puede ralentizar tu navegador de internet.
En estos casos, es aconsejable limpiar tu historial de navegación, así como la caché y las cookies.
¿Por qué es importante el cacheado?
El almacenamiento en caché de los datos de un sitio web es un proceso complejo. Hemos cubierto los aspectos más importantes para los propietarios y usuarios de sitios web.
Hay dos conclusiones principales:
- Ya sea del lado del servidor, del lado del cliente o basado en hardware, el objetivo del almacenamiento en caché es siempre el mismo: acelerar el acceso a los datos y aumentar el rendimiento.
- Limpiar la caché es un paso importante cuando se trata de solucionar problemas técnicos.
Si utilizas el almacenamiento en caché de manera efectiva, puedes mejorar significativamente la velocidad, la eficiencia y la confiabilidad de tu sitio web.