Cuando tu sitio web atiende a visitantes de todo el mundo, los tiempos de carga lentos y la alta latencia pueden arruinar la experiencia. Tanto si tienes un blog personal, una tienda de comercio electrónico o alojas una aplicación, la velocidad y la capacidad de respuesta pueden ser decisivas para la experiencia del usuario.
Los usuarios insatisfechos no se quedan mucho tiempo. ¿Qué puedes hacer para mejorar su experiencia?
Afortunadamente, existen potentes herramientas para mejorar significativamente el rendimiento de los sitios web, y una de las más eficaces es el almacenamiento en caché.
Si alguna vez te has sentido frustrado por los tiempos de carga lentos o la lentitud de respuesta de tu sitio de WordPress, esta guía es para ti. Exploremos el mundo del edge caching y aprendamos a potenciar WordPress.
¿Qué es Edge Caching?
¿Qué es exactamente «el edge» y cómo afecta al rendimiento del sitio web?
El edge computing consiste en reducir la distancia física entre un cliente (los visitantes de tu sitio web) y el servidor de origen (donde está alojado tu sitio web).
Muchas CDNs utilizan servidores edge para conseguirlo. Generalmente, las CDNs funcionan distribuyendo centros de datos centralizados por todo el mundo. Sin embargo, muchos de estos centros de datos siguen estando geográficamente lejos de la mayoría de sus usuarios.
«El edge» es el perímetro exterior de una CDN o la infraestructura de red más cercana a los usuarios finales, donde se colocan los servidores de edge — generalmente en puntos físicos de intercambio de Internet donde se conectan los ISPs y las CDNs — para acortar esta distancia.
Edge Caching es una potente técnica que utiliza este enorme puente de redes para almacenar copias del contenido de un sitio web más cerca de sus usuarios, reduciendo así el tiempo que se tarda en obtener los datos del servidor de origen.
Cómo funciona Edge Caching
Cuando un usuario solicita contenido de un sitio web, como imágenes, vídeos o páginas web, la solicitud suele dirigirse al servidor edge más cercano en lugar de directamente a su servidor de origen.
Edge caching funciona almacenando contenido estático y dinámico en estos servidores edge. El contenido estático, como imágenes, archivos CSS y JavaScript, permanece inalterado para todos los usuarios y puede almacenarse en caché durante periodos prolongados. El contenido dinámico puede cambiar con frecuencia y requiere estrategias de almacenamiento en caché más cuidadosas.
Al almacenar en caché el contenido en el edge, las solicitudes posteriores del mismo contenido pueden servirse directamente desde el servidor edge, sin necesidad de recuperarlo del servidor de origen.
Además de reducir la carga de tu servidor, esto también minimiza la distancia que deben recorrer los datos, disminuyendo los tiempos de carga, reduciendo la latencia y mejorando el rendimiento general.
Edge caching es especialmente beneficiosa para los sitios web con una audiencia global. Al aprovechar los servidores edge ampliamente distribuidos de una CDN, tus usuarios de todo el mundo pueden acceder al contenido de forma rápida y fiable.
¿Qué sitios web se benefician de Edge Caching?
Edge caching es útil para una gran variedad de sitios web, desde simples sitios estáticos hasta aplicaciones totalmente interactivas. Exploremos en detalle los tipos de sitios web que pueden beneficiarse del rendimiento significativamente mejorado que ofrece Edge caching.
Sitios estáticos
Los sitios estáticos, que consisten en contenido fijo que rara vez cambia, son candidatos ideales para el edge caching.
Estos sitios web suelen incluir blogs, portfolios, páginas de destino y sitios web informativos que no utilizan contenido dinámico. HTML, CSS, activos como imágenes y scripts del lado del cliente como JavaScript son lo único que está presente.
Aunque edge caching funciona para algunos tipos de contenido dinámico, requiere un poco más de configuración. La naturaleza pre-renderizada de los sitios web estáticos funciona muy bien con edge caching, ya que los archivos de caché permanecen actualizados durante semanas o meses.
Edge caching elimina la necesidad de obtener repetidamente contenido sin modificar del servidor de origen, lo que da como resultado un acceso inmediato a los recursos almacenados en caché y una experiencia de navegación más fluida.
Además, los sitios estáticos utilizan muy poca carga del servidor o ancho de banda, por lo que almacenarlos en caché y servirlos es mucho más rápido y rentable que los sitios web que utilizan muchos scripts del lado del servidor o hacen frecuentes llamadas a la base de datos.
Aplicaciones interactivas
Para los sitios web que dependen en gran medida de aplicaciones interactivas o que ofrecen contenidos dinámicos, como las plataformas de comercio electrónico o las redes sociales, edge caching desempeña un papel importante en la optimización del rendimiento.
Los métodos tradicionales de almacenamiento en caché suelen ser menos eficaces cuando se trata de contenidos dinámicos y personalizados. Durante mucho tiempo, sólo se podía almacenar en caché el contenido estático, como imágenes y HTML.
Edge caching ha cambiado las cosas, ya que los propios scripts pueden desplegarse desde los servidores edge de la CDN.
Un ejemplo son los Cloudflare Worker, que son funciones Javascript que se ejecutan en la CDN de Cloudflare. Esto permite que el código dinámico que responde a la entrada del usuario se ejecute en servidores edge y llegue instantáneamente a usuarios de todo el mundo.
Gracias a esto, puedes ofrecer una experiencia fluida a los visitantes sin comprometer la interactividad.
Sitios web exigentes y con muchos recursos
Los sitios web que gestionan grandes volúmenes de tráfico o aplicaciones que consumen muchos recursos, como las plataformas de streaming o los portales de juegos online, pueden beneficiarse significativamente del edge caching.
Estos sitios web suelen servir archivos de gran tamaño, como vídeos, flujos de audio o imágenes de alta resolución, que pueden sobrecargar los servidores de origen y el ancho de banda de la red, y provocar buffering y latencia.
Edge caching alivia la carga de tus servidores almacenando y sirviendo estos archivos grandes desde los servidores edge más cercanos a tus visitantes. Además, la naturaleza distribuida de los servidores edge te permite gestionar grandes picos de tráfico y escalar a medida que crece tu base de usuarios.
Sitios de comercio electrónico
En las tiendas de comercio electrónico, cada segundo puede marcar la diferencia a la hora de retener o perder un cliente potencial, por lo que no querrás desperdiciar ninguno.
Edge caching funciona bien aquí al almacenar en caché contenido dinámico, como listados de productos, información de precios y sesiones de usuario, que requieren una entrega rápida y fiable. También almacena en caché páginas de productos, imágenes y otros recursos a los que se accede con frecuencia en los servidores edge.
Por desgracia, los sitios web de comercio electrónico son a menudo objeto de ataques DDoS, que pueden ser devastadores. Gracias a los servidores edge y a las CDN en su conjunto, la tecnología de equilibrio de carga distribuye la oleada de tráfico malicioso entre cientos de servidores para que tus clientes legítimos puedan seguir comprando.
Como ventaja añadida, ese pico ocasional de tráfico navideño se gestionará sin esfuerzo.
Tanto si eres una pequeña tienda como un gran marketplace, edge Caching proporciona una experiencia de compra segura y sin interrupciones—no lenta y frustrante.
Sitios de streaming multimedia
Streaming en directo, streaming de vídeo, streaming de música — todo ello es extremadamente exigente para tus servidores.
Y no hay nada más frustrante para tus visitantes que ver que su canción favorita o un vídeo que están disfrutando se detiene para almacenarse en el búfer. Una cierta latencia puede ser aceptable en un sitio web normal, pero no cuando se trata de streaming multimedia.
Edge caching es esencial para ofrecer una reproducción fluida y sin interrupciones. Los archivos de vídeo y audio no cambian a menudo, por lo que pueden almacenarse en caché en servidores edge mucho más cercanos a los visitantes. Esto es especialmente importante para servir vídeo de alta definición, ya que es muy exigente y la congestión de la red es un gran problema.
Incluso el contenido en directo puede beneficiarse del almacenamiento en caché. Aunque puede ser difícil almacenar en caché contenido en tiempo real, los usuarios de todo el mundo pueden conectarse al servidor edge más cercano a ellos y evitar saturar tu servidor de origen aunque los espectadores se disparen por miles.
Con edge caching, los sitios de transmisión multimedia pueden ofrecer una experiencia de visionado de primera que mantenga al público enganchado y vuelva a por más.
Plataformas de juego
Al igual que el streaming multimedia, los juegos son una experiencia en la que la latencia no es aceptable — tus jugadores no van a quedarse mucho tiempo con un juego lento y que no responde.
Esto es especialmente cierto en los juegos multijugador, en los que incluso un pequeño contratiempo puede arruinar seriamente la diversión de alguien.
Aunque una parte de la responsabilidad recae en los desarrolladores para optimizar su juego y no hacer llamadas innecesarias a la red, es igual de importante utilizar una CDN con un montón de servidores edge para mantener el juego funcionando sin problemas.
Los servidores edge pueden utilizarse para almacenar en caché activos como archivos gráficos y de audio y transmitirlos a los jugadores a medida que llegan a ellos. También pueden almacenar en caché los próximos archivos de actualización o incluso el propio archivo completo del juego en algunos casos.
Además, los servidores de juegos son otro gran objetivo de los ataques DDoS, y los servidores edge ayudan a descargar cualquier tráfico malicioso que pueda llegar, o a escalar rápidamente cuando recibas una afluencia repentina de nuevos jugadores.
Plataformas de aprendizaje online
Los sistemas de gestión del aprendizaje y otros sitios web educativos contienen muchos tipos diferentes de contenidos que pueden almacenarse en caché.
Imágenes, vídeos, audio, juegos interactivos y demostraciones, transmisiones en directo, cuestionarios y otros materiales interactivos pueden almacenarse en caché para entregarlos a los alumnos con mayor eficacia.
La distribución a través de servidores edge globales también es muy útil cuando experimentas un alto volumen de matriculaciones de alumnos. Un LMS (Learning management system, sistema de gestión del aprendizaje) lento y de bajo rendimiento supone una mala experiencia de aprendizaje para tus alumnos.
Blogs, noticias y sitios web informativos
Los blogs y los sitios web informativos funcionan especialmente bien con edge caching, ya que utilizan mucho contenido estático. Aunque de vez en cuando actualices artículos y otros recursos, es con tan poca frecuencia que el caché se mantiene bien durante mucho tiempo.
Al almacenar en caché artículos, imágenes y contenido multimedia a los que se accede con frecuencia en servidores edge situados más cerca de los usuarios, los blogs pueden reducir los tiempos de carga y mejorar la capacidad de respuesta general. Esto permite a los lectores navegar por tu catálogo de artículos sin interrupciones ni retrasos.
La popularidad mundial de los blogs también hace que edge caching sea una parte vital para mantener esa accesibilidad global, incluso durante los picos de tráfico. Nunca se sabe cuándo un artículo se hará viral.
Cuándo no utilizar Edge Caching
Aunque edge caching ofrece numerosas ventajas para optimizar el rendimiento del sitio web, hay algunos escenarios en los que puede no funcionar muy bien.
Contenido muy dinámico o en tiempo real
Aunque edge caching es excelente para optimizar la entrega de contenidos estáticos e incluso algunos dinámicos, existen limitaciones cuando se trata de almacenar en caché contenidos muy dinámicos, especialmente los que cambian en tiempo real.
Los contenidos que se actualizan con frecuencia o se personalizan para cada usuario pueden no ser adecuados para el caché en el edge.
Las CDN modernas como Cloudflare han introducido funciones que pueden gestionar ciertos tipos de contenido dinámico de forma más eficaz, como la ejecución de código desde los propios servidores edge. Pero no todo es almacenable en caché, al menos sin una gran habilidad, conocimientos avanzados y una complicada configuración de la CDN.
En los casos en que el almacenamiento en caché no sea factible o práctico, puedes aprovechar el almacenamiento en caché del navegador, optimizar tus recursos para reducir el tamaño de los archivos e implementar un código más eficiente para mantener bajos los tiempos de respuesta del servidor.
Contenido personalizado
Edge caching no es adecuado para ofrecer contenidos adaptados a usuarios individuales. Una de las principales ventajas del almacenamiento en caché es que sirve contenidos a los que se accede con frecuencia desde servidores edge para que personas de todo el mundo puedan descargarlos rápidamente. Si sólo lo va a ver una persona, no tiene mucho sentido almacenarlo en caché.
Las recomendaciones personalizadas en los sitios web de comercio electrónico, los feeds de noticias personalizados o los paneles de control específicos para cada usuario, generalmente no pueden almacenarse en caché porque dependen de datos o interacciones en tiempo real.
En lugar de confiar en el almacenamiento en caché, puedes aplicar estrategias dinámicas de entrega de contenidos, como secuencias de comandos del lado del cliente, almacenamiento en caché del navegador, precarga de contenidos y compresión de datos, para optimizar la entrega de contenidos personalizados.
Evitar complejas reglas de almacenamiento en caché
Implementar edge caching puede introducir una complejidad adicional, especialmente si tu sitio web ya tiene establecidas reglas de caché complejas.
Por ejemplo, edge caching puede ser difícil de configurar o dar lugar a resultados inesperados si se utiliza junto con reglas existentes como cabeceras de control de caché personalizadas, invalidación de caché o reglas de omisión de caché.
Esto no quiere decir que sea imposible. Simplemente requiere un desarrollador experto para configurarlo correctamente. Las configuraciones de caché no coincidentes entre el servidor de origen y los servidores edge pueden provocar conflictos de caché o que se muestren contenidos obsoletos.
Dependiendo de la complejidad de tu arquitectura de caché existente, incorporar edge caching podría ser una tarea considerable.
Archivos muy grandes
Edge caching está optimizado para entregar archivos de tamaño pequeño o mediano, a menudo estáticos. Dependiendo de la capacidad de los servidores, puedes tener dificultades para almacenar en caché archivos muy grandes, como vídeos de alta definición, descargas de software o grandes conjuntos de datos.
Esto dependerá en gran medida de la CDN que utilices. Si los servidores edge tienen dificultades para entregar archivos multimedia de gran tamaño, es posible que los archivos más importantes del sitio web sean desalojados del caché o que el rendimiento sea deficiente debido al elevado ancho de banda y al uso de recursos que supone entregar archivos enormes a cientos de usuarios.
Si el archivo se actualiza con frecuencia, también te encontrarás con problemas de invalidación del caché, ya que las versiones obsoletas deben purgarse y actualizarse en todos los servidores edge. Esto puede ser un proceso lento y hacer que los usuarios se encuentren con contenidos obsoletos.
En su lugar, puede que quieras evitar el edge caching para que los usuarios descarguen desde el servidor de origen, cachear parcialmente parte del contenido del archivo, o — para streaming de vídeo o sitios similares en los que es necesaria una CDN — crear una configuración CDN especializada optimizada para la entrega de archivos de gran tamaño.
Problemas de seguridad y privacidad
Aunque edge caching puede mejorar el rendimiento del sitio web, introduce posibles problemas de seguridad y privacidad, sobre todo cuando se cachea contenido autenticado, personalizado o privado.
El almacenamiento en caché de información sensible en el edge aumenta el riesgo de acceso no autorizado y de violación de datos. Cuantas más copias haya, más probabilidades hay de que se descubran.
El almacenamiento en caché de contenidos también puede plantear problemas con leyes como la GDPR, que te obliga a eliminar todas las copias almacenadas de la información de los usuarios a petición de éstos.
Los servidores edge aumentan la superficie de ataque de tu sitio web y sus datos, y pueden dar lugar a vulnerabilidades de seguridad como el envenenamiento del caché.
Todo esto puede mitigarse cifrando todo el contenido privado que pasa por el caché, añadiendo políticas de invalidación del caché para purgar los datos obsoletos y no utilizados, o no almacenando en caché los datos sensibles en primer lugar.
Otras consideraciones
Por último, para los usuarios de Kinsta en concreto, edge caching no siempre funciona bien con algunos ajustes concretos.
- Edge caching no funciona bien con la geolocalización, excepto a nivel de país. La geolocalización basada en estados y ciudades no se almacenará en caché correctamente, y las zonas cercanas a las fronteras de los países pueden funcionar de forma inusual.
- Las exclusiones personalizadas añadidas a través del caché avanzado de sitios no funcionan.
- La detección de agentes de usuario para mostrar sitios diferentes para móvil o escritorio no funciona con edge caching. Puedes utilizar la función de Caché Móvil de Kinsta como alternativa.
- La protección por contraseña de Kinsta no es compatible con edge caching.
- Edge caching de Kinsta y las Optimizaciones Automáticas de Plataforma (APO) de Cloudflare no son compatibles.
- Edge caching es incompatible con el bloqueo de IP y geolocalización.
Independientemente de la infraestructura de tu sitio web, edge caching puede entrar en conflicto con determinados ajustes. Después de configurar una CDN o habilitar edge caching, es una buena idea probar tu sitio web y cualquier aplicación que contenga para asegurarte de que todo funciona correctamente.
Cómo funciona Edge Caching en WordPress
Existen consideraciones y retos únicos a la hora de implementar edge caching en el entorno de WordPress.
- Los sitios web de WordPress suelen servir sobre todo activos estáticos y contenido dinámico, como pequeñas secuencias de comandos del lado del servidor y llamadas a bases de datos — candidatos perfectos para edge caching.
- Sin embargo, la naturaleza dinámica y en constante actualización de WordPress significa que a veces el contenido puede quedarse obsoleto. Se necesitan mecanismos de purga adecuados, como Cloudflare APO y la invalidación del caché, para evitar contenidos obsoletos. También puedes borrar el caché de edge manualmente con Kinsta si observas algún problema.
- Los temas y plugins de WordPress pueden introducir complejidades adicionales. Algunos plugins que generan contenido dinámico, añaden contenido personalizado o autenticado, o dependen del procesamiento del lado del servidor pueden ser incompatibles con edge caching.
En general, WordPress y edge caching funcionan bien juntos para mejorar el rendimiento, pero ten en cuenta estas consideraciones y asegúrate de probar exhaustivamente cualquier plugin o tema que añada contenido dinámico.
Edge Caching con Kinsta
Los usuarios de Kinsta se benefician de una función poco común: La posibilidad de activar edge caching de forma gratuita. Algunas características:
- Kinsta se integra con Cloudflare y sus más de 260 centros de datos para que el edge caching sea gratuito en cualquier plan. Además, no necesitas un plugin para activarlo; basta con un clic en el Panel de Control de MyKinsta.
- El caché móvil es compatible si creas páginas separadas para usuarios móviles.
- Puedes borrar el caché bajo demanda si observas que hay activos obsoletos que necesitan ser purgados — aunque esto suele ser innecesario ya que Kinsta borrará automáticamente el caché edge cada vez que actualices una página.
- Edge caching se excluye automáticamente para las páginas privadas/personalizadas como el carrito de WooCommerce, las áreas privadas de perfil de BuddyPress o cualquier lugar en el que un usuario pueda necesitar iniciar sesión. Dependiendo de tu configuración, puede que necesites excluir más páginas, y el soporte de Kinsta puede ayudarte a configurarlo.
Como nota final, el Caché Edge de Kinsta no sirve activos estáticos como imágenes o archivos CSS. De esto se encarga la CDN de Kinsta.
En general, edge caching es fácil con Kinsta. Es gratuito para todos, y activarlo es tan fácil como pulsar un botón. No hay configuraciones molestas ni plugins necesarios.
Cómo activar Edge Caching
Ahora que sabes por qué es tan importante edge caching, vamos a mostrarte dos métodos para que funcione en tu sitio.
Activar Edge Caching en MyKinsta
Activar edge caching en MyKinsta es tan sencillo como hacer clic en un botón.
- Paso 1: Accede al panel de MyKinsta y haz clic en el sitio que quieras editar en la sección Sitios WordPress.
- Paso 2: Busca Edge Caching en la lista de ajustes de la izquierda.
- Paso 3: Puede que edge caching ya esté activado, como Kinsta está desplegando edge caching automáticamente para todos los sitios. Si no es así, haz clic en el botón negro Activar de la parte superior derecha.
- Paso 4: Si has añadido reglas de caché personalizadas, recibirás otro aviso para confirmar que funcionan con edge caching. Haz clic en Activar Caché Edge cuando estés listo.
- Paso 5: Si envías a los usuarios móviles a una página separada, haz clic en Activar en la casilla Caché Móvil para activarla.
¡Y ya está! Edge caching ya funciona en tu sitio.
También puedes borrar manualmente el caché edge: Haz clic en el botón Borrar caché situado cerca de la parte inferior de la página o introduce una URL que quieras borrar y haz clic en Borrar caché de URL.
Activar Edge Caching en Cloudflare
Edge caching de Kinsta ya aprovecha la tecnología de Cloudflare, por lo que no es necesario activarla si tienes una cuenta de Kinsta.
El propio Cloudflare también ofrece edge caching por defecto, que puedes desactivar selectivamente mediante una regla de desvío. Pero hay algunos ajustes que puedes modificar, como el TTL del caché edge (cuánto tiempo almacena sus archivos el servidor edge).
Ten en cuenta que si ya has configurado una Cabecera de Control de Caché, esto puede ser innecesario. También es mejor consultar a un desarrollador antes de cambiar cualquier configuración del caché, a menos que sepas lo que estás haciendo, ya que pueden ser muy sensibles.
- Paso 1: Inicia sesión en tu cuenta de Cloudflare y accede al panel de control.
- Paso 2: Haz clic en Reglas > Reglas de Página y, a continuación, en Crear Regla de Página.
- Paso 3: Introduce las páginas que quieres que se almacenen en edge caching en el campo URL (obligatoria). Utiliza el símbolo asterisco (*) para aplicar esta configuración a más de una página. Por ejemplo, «ejemplo.com/*» se aplicaría a todas las páginas de tu sitio. Ten cuidado porque no todas las páginas son aptas para el almacenamiento en caché.
- Paso 4: En el menú desplegable Elige una configuración, selecciona Caché Edge TTL y elige cuánto tiempo debe durar tu caché antes de caducar.
- Paso 5: Si también quieres almacenar en caché los activos dinámicos, haz clic en Añadir una Configuración, añade la configuración Nivel de Caché y establécela en Almacenar Todo en Caché.
Nota: «Cache Everything» (Cachear Todo) no debería usarse en páginas que requieran inicio de sesión. Puedes crear una nueva regla y configurarla para que se omita (Bypass) en páginas sensibles. Asegúrate de que la regla de omisión esté ordenada por encima de la regla de «Cache Everything».
Alternativamente, puedes utilizar una regla de caché en su lugar.
- Paso 1: Accede al panel de control de Cloudflare.
- Paso 2: Ve a Caché > Reglas de Caché y haz clic en el botón azul Crear Regla.
- Paso 3: Ponle un nombre a tu regla y busca Cuando las solicitudes entrantes coincidan … En el desplegable Campo, haz clic en Ruta URI, deja el Operador en igual y escribe «/» en la casilla Valor. Esto hará que la regla se aplique a todas las páginas, pero de nuevo, esto puede no ser apropiado. Ajústalo en función de tu infraestructura.
- Paso 4: Establece el TTL de Edge en un valor apropiado para tu sitio web. Si quieres establecerlo manualmente, haz clic en Ignorar encabezado cache-control y utiliza este TTL.
- Paso 5: Haz clic en Desplegar cuando hayas terminado.
Resumen
Edge Caching es una potente herramienta para ofrecer tiempos de carga más rápidos, crear una mejor experiencia de usuario y, en última instancia, optimizar el rendimiento de WordPress. Tanto los activos estáticos como los dinámicos se almacenan en caché en los servidores edge, entregándolos a los usuarios de todo el mundo.
Deja una respuesta