Home Artículos técnicos Por qué su CDN Web está roto y cómo solucionarlo
Applications

Por qué su CDN Web está roto y cómo solucionarlo

About The Author

Outline

Enfoques actuales

Las redes de entrega de contenido (CDN) desempeñan un papel importante en la entrega de aplicaciones web, sitios web y API. Proporcionan contenido almacenado en caché desde una ubicación más cercana a los visitantes y clientes del sitio web / aplicación. Esto reduce el tiempo que tarda en que los clientes vean que el contenido aparece en sus navegadores. Porque acelera el tiempo de entrega del sitio y resulta directamente en una mejor experiencia del cliente y más ventas para las empresas de comercio electrónico.

Para que una CDN funcione eficazmente, necesita ser configurada de una manera que funcione bien con la tecnología subyacente del sitio web, también conocida como la “pila tecnológica”. La forma en que se configura a menudo se conoce como la “estrategia de almacenamiento en caché”.

Sin embargo, muchas CDN no permiten ningún cambio de configuración en la base de código de la pila tecnológica. Los ingenieros que trabajan en el sitio no tienen control sobre esta infraestructura crítica de rendimiento. En su lugar, las actualizaciones deben ser realizadas por equipos adicionales / partes interesadas en interfaces de usuario aisladas, lo que hace que las pruebas y la depuración sean extremadamente difíciles y lentas para los ingenieros.

Con CDN ordinarias, sus actualizaciones de configuración no están controladas por versiones dentro de la base de código. Esta falta de control centralizado presenta un riesgo para su pila tecnológica. Causa confusión que consume tiempo y recursos significativos en varios equipos. Encontrar problemas introducidos en la pila tecnológica es como buscar una aguja en un pajar (un pajar al que puede que ni siquiera tenga acceso directo). Sin integrarse en la base de código, la única manera de rastrear los problemas es confiando en las quejas de los clientes y / o la información de un equipo separado. Esto causa una falta de transparencia, responsabilidad y eficiencia, lo que puede causar tiempo de inactividad del sitio, pérdida de ingresos y clientes insatisfechos.

Además, el almacenamiento en caché en CDN se limita tradicionalmente a los datos estáticos. Los desarrolladores entienden los datos dinámicos en su código, pero con las CDN tradicionales no pueden administrar el almacenamiento en caché. Por lo tanto, es extremadamente difícil o imposible almacenar en caché una gran parte del contenido más importante de un sitio web, lo que afecta el rendimiento general.

Introducción a las aplicaciones Edgio

Edgio Applications Platform facilita a los equipos crear, lanzar, proteger y acelerar sus aplicaciones web y API. Ofrece un conjunto completo de características para implementar, proteger y monitorear un sitio.

Para los desarrolladores, una pieza clave de la oferta es EdgeJS. EdgeJS es la configuración de CDN en javascript. A diferencia de las CDN tradicionales, EdgeJS amplía e integra el almacenamiento en caché en su flujo de trabajo de desarrollo por diseño. Ofrece la capacidad de actualizar fácilmente las configuraciones de CDN para datos dinámicos y contenido estático.

La CDN web de Edgio se puede probar localmente o en entornos no productivos antes de entrar en funcionamiento. Esto permite a los desarrolladores migrar fácilmente a la producción después de examinar a fondo los cambios a través de Q/A en entornos idénticos pero diferentes.

Los beneficios del flujo de trabajo de esto son enormes: Elimina la necesidad de ventanas de mantenimiento, elimina los retrocesos innecesarios, facilita el seguimiento y la búsqueda de problemas y detiene los errores causados por la falta de visibilidad en las actualizaciones de configuración de CDN, mejorando la velocidad general del equipo y mejorando el rendimiento del sitio para sus clientes / usuarios finales del sitio web.

Ventajas de nuestro enfoque

Al controlar las actualizaciones de configuración en EdgeJS directamente en la base de código, se puede corregir una parte del proceso de actualización previamente desconectada. Las actualizaciones pueden ocurrir con mayor velocidad y calidad, lo que reduce el tiempo dedicado a encontrar problemas o retroceder, mejorando el tiempo de comercialización.

Edgio Applications también permite a los equipos crear un rendimiento de sub-segundo en sus páginas web. Además del almacenamiento en caché estático y dinámico, EdgeJS proporciona acceso a la obtención predeterminada predictiva en el navegador. La obtención previa acelera la experiencia de los visitantes al almacenar en caché localmente llamadas API, páginas web y activos antes de que el usuario intente visitar la página. Usando un service worker personalizado prediseñado, que funciona en armonía con la red perimetral, EdgeJS obtiene datos HTML y API directamente de todas las URL en la vista de visitantes, páginas muy visitadas o rutas definidas personalizadas. La capacidad de prefetch en el navegador en el dispositivo del usuario convierte a Edgio en la única red perimetral diseñada para trabajar de forma inteligente con solicitudes de prefetching, tratándolas de forma única sobre una solicitud estándar.

Prefetching también incluye datos dinámicos e imágenes de captura profunda y activos en segundo plano. Orientar los datos dinámicos para que formen parte de la estrategia de almacenamiento en caché y proporcionar herramientas que permitan que se realice correctamente es algo exclusivo de Edgio. Es una de nuestras características más notables que nos diferencia de la competencia. Debido a que los sitios web tradicionalmente no almacenan en caché datos dinámicos, hay grandes porciones de muchos sitios que no están almacenados en caché. Al ofrecer el almacenamiento en caché dinámico de datos de una manera fácil de usar “lista para usar”, los clientes de Edgio ven cargas de página más rápidas (a menudo por debajo de segundo), lo que conduce a usuarios más satisfechos, mayores ingresos y sitios web que superan a la competencia.

Estudios de caso:

Akira

Resultados:

  • El sitio web es 71% más rápido que antes
  • Velocidades de navegación de 500 ms en redes 4G
  • +30,1% tráfico orgánico desde el sub-segundo sitio web
  • +61,4% de iniciaciones de pago con una experiencia online optimizada
  • +80% de las transacciones móviles que conducen a un aumento del 37,25% en la tasa de conversión
  • 9,16% de elevación a las conversiones de pago con el checkout optimizado de Bolt

Lea el caso práctico de Akira.

Carnaval de zapatos

Resultados:

  • reducción del 92% en las transiciones de navegación que pasan de 6 segundos a 500 ms
  • 70.5% de aumento en las velocidades de primera carga, disminuyendo de 3,4 segundos a 1 segundo
  • Supera el 98% de los sitios web y supera a Amazon, Zappos, Nordstrom
  • 40% de aumento en los ingresos con un sitio web de sub-segundo
  • Mayor agilidad empresarial con Edgio

Lea el estudio de caso de Carnaval de zapatos.

Estándar universal

Resultados:

  • Enfoque de JAMstack híbrido que almacena en caché datos estáticos y dinámicos en el perímetro
  • 600ms carga de página desde PLP a PDP
  • 40% menor tasa de rebote y pasa Core Web Vitals
  • 200% de aumento en la tasa de conversión en el móvil

Lea el caso de estudio de Universal Standard.

Edge Insights Analytics Dashboard

Esta nueva solución de análisis de borde todo en uno le brinda información sobre el rendimiento (CDN) y la seguridad en un solo lugar. Puede utilizar el filtrado multidimensional para obtener las respuestas que necesita en tiempo casi real.

Recursos adicionales:

Prefetching: https://docs.edg.io/guides/prefetching