Limelight (ahora Edgio) ha ayudado a lanzar y crecer algunas de las propiedades de video más grandes del mundo, incluyendo los Clubes de Fútbol de la Premier League y Disney BYJU, y ahora ofrece el primer producto nuevo resultante de la adquisición de Layer0. Layer0 de Limelight agiliza los flujos de trabajo de desarrollo integrando la lógica de borde en el código de la aplicación y ofrece cargas de página de sub-segundo al extender el borde hasta el navegador.
Layer0 prerecupera y transmite datos al navegador antes de que el usuario incluso lo solicite a una tasa de aciertos de caché del 95%
El trabajo de una CDN es servir los datos del borde tan a menudo como sea posible y tan cerca del usuario como sea posible. Sorprendentemente, para una tecnología de más de dos décadas de antigüedad, las CDN de hoy tienen espacio para mejorar en ambos frentes. Los equipos de desarrollo deben repensar cómo hornear la CDN en su pila para mejorar la velocidad del equipo y liberar los sitios más rápidos posibles.
Servir datos desde el borde tan a menudo como sea posible
En la mayoría de los sitios web, la CDN se utiliza en gran medida para el almacenamiento en caché de datos estáticos. Estos activos como imágenes, CSS y javascript rara vez cambian y no dependen de la lógica de la aplicación. Sin embargo, los datos dinámicos, HTML y API rara vez se almacenan en caché. Esto se debe a que la capacidad de caché de estos datos depende de la lógica de la aplicación, y las CDN de hoy en día están desconectadas del flujo de trabajo del desarrollador, lo que dificulta que los equipos lo usen, depuren y mantengan.
Típicamente, un equipo de desarrollo tiene una “pila” de código frontend, servidor backend y base de datos que pueden desarrollar localmente y luego pasa por un ciclo de vida de desarrollo de software (por ejemplo, QA, staging, etc.) antes de que entre en producción. Desafortunadamente, la CDN es la parte de la pila donde esto no sucede. La CDN solo se introduce en el proceso de desarrollo de software al final cuando los cambios en un sitio se ponen en marcha. Esto no es propicio para aprovechar el borde para acelerar las aplicaciones y en ninguna otra parte de la pila (código front-end, código del lado del servidor o esquema de base de datos) aceptamos esto.
Imagínate que tenías que diseñar un cambio de código del servidor pero te dijeron que solo podías desarrollarte contra la producción, pensarías que eso era una locura. Sin embargo, eso es lo que pedimos a los desarrolladores que hagan con respecto al borde. Dado el alto riesgo de rotura del sitio y sobrecarga con la modificación de las configuraciones de CDN, el borde se ignora para los datos dinámicos.
Por el contrario, con Layer0, los equipos pueden probar, revisar y controlar su lógica de borde durante todo el proceso de desarrollo. Esto significa que los equipos pueden desarrollar contra el borde localmente y garantizar altas tasas de éxito de caché para datos dinámicos vinculados al código de la aplicación. La gestión del borde se simplifica aún más con EdgeJS, un lenguaje de configuración de borde basado en JavaScript, performant, declarative y framework-agnostic. EdgeJS se puede incrustar dentro de la aplicación frontend y, debido a que es declarativo, los desarrolladores solo tienen que describir sus objetivos en lugar de escribir toda la lógica. Esto hace que sea fácil de usar y mantener.
Efectivamente, la CDN es ahora un ciudadano de primera clase en el proceso de desarrollo. Como resultado, se almacenan más datos en caché y los equipos en la plataforma son más productivos. Justin Metros, Director de Tecnología de Universal Standard, compartió que Layer0 contribuyó a la agilidad de los desarrolladores y al rendimiento del sitio web en JAMstack Conn 2021, una popular conferencia de desarrolladores web. “Gracias a Layer0, la velocidad de nuestro desarrollador aumentó drásticamente”, dijo. Otro desarrollador nos dijo: “Esto es lo que necesitaba y no sabía que lo quería”. La plataforma es conveniente, expresiva y confiable, por lo que es la CDN que los equipos de desarrollo aman.
Servir los datos del borde lo más cerca posible del usuario
Además de servir los datos desde el perímetro tan a menudo como sea posible, las CDN también deben servirlos lo más rápido posible. (Aunque técnicamente, necesitan servirlo con la latencia más baja posible, para esta discusión, asumiremos que la distancia está aproximadamente correlacionada con la latencia). Históricamente, las CDN almacenan contenido en caché a través de un conjunto de nodos de caché distribuidos geográficamente denominados puntos de presencia o POP.
Al igual que otros CDN, Limelight Networks tiene muchos POP. De hecho, con más de 135 COP en todo el mundo, Limelight tiene la segunda red global más grande de COP y es muy probable que tenga una presencia cercana a sus usuarios. En Layer0 de Limelight, estos COP van más allá de las funciones promedio de una CDN y coordinan los datos entre sí. Si un POP no tiene un pedazo de datos, lo solicitará de forma inteligente a otro POP, incluso antes de que la solicitud se envíe al servidor de origen.
Para entender cómo esto ayuda, considere un día típico cuando la costa este de los EE.UU. Se despierta antes que la costa oeste. Típicamente esto significa que los POPs de la costa este obtendrán un escondite cálido, pero los POPs de la costa oeste no se calentarán hasta que sus usuarios comiencen a traficar en serio. Con la coordinación POP, la costa oeste puede aprovechar los patrones de tráfico de la costa este a medida que su caché comienza a calentarse.
Además, Limelight Networks es único entre las CDN en que operamos nuestra propia red troncal privada. Esto significa que al enrutar el tráfico, Limelight no tiene que usar las autopistas públicas congestionadas en Internet y puede aprovechar su propia red privada haciendo que las transferencias de datos sean más rápidas y seguras.
Incluso entonces, con toda esa red, es posible acercarse aún más al usuario, y eso es lo que hace Layer0. Gracias a las modernas tecnologías de navegación, especialmente con los service workers, nuestra plataforma tiene control directo y programático de la caché en el dispositivo del usuario. Layer0 utiliza esta tecnología de service worker para transmitir datos en el navegador antes de que el usuario incluso lo solicite.
Esta técnica a menudo se conoce como prefetching predictivo y típicamente tiene algunas salvedades. En particular, puede ser difícil de administrar y mantener, y puede causar tráfico excesivo en el servidor ya que el navegador ahora está solicitando más datos del origen. Este tráfico adicional puede aumentar los costos o, peor aún, derribar el servidor de origen. Sin embargo, la prefetching integrada de Layer0 prioriza el tráfico de usuarios sobre el tráfico previsto y entiende la configuración de EdgeJS. Esto garantiza que los datos se transmitan solo desde nuestros POP y no pondrá ninguna carga adicional en el servidor de origen.
Construya sitios mejor, más rápido y más fuerte en la plataforma EDGE de Layer0
Cuando todas estas tecnologías se unen, es como si la red de repente tuviera un ancho de banda infinito y una latencia cero. Los datos dinámicos no solo se almacenan en caché en el POP, sino que también están disponibles en el dispositivo antes de que el usuario incluso lo solicite. Las cargas de las páginas se sienten instantáneas, tan rápidas como 400 milisegundos, la velocidad del parpadeo de un ojo. Esta velocidad es una diferencia de tipo, no de grado.
Los sitios web de comercio electrónico ven un mayor tráfico e ingresos y una tasa de rebote más baja
Los minoristas de moda Shoe Carnival, Universal Standard, y Akira‘s han mejorado la carga de páginas en un 92, 91% y 71%, respectivamente, en Layer0, y los clientes pueden sentir la diferencia. Con un rendimiento mejorado, los clientes compran más. Shoe Carnival aumentó los ingresos en un 40%, Akira elevó el tráfico orgánico en un 30% y Universal Standard redujo su tasa de rebote en un 40%. Sam Grossman, COO de Sharper Image, nos dijo: “Todo el mundo ha comentado lo rápido que es nuestro sitio, gracias a Layer0”.
Puede ser difícil hacer todo este trabajo de forma independiente e incluso más difícil mantenerlo a escala. Layer0 de Limelight fue creado para ofrecer estas mejoras dramáticas en la productividad del equipo y la velocidad de la página disponibles para todos los sitios web, especialmente aquellos con datos grandes y dinámicos. Además, para aquellos sitios en frameworks modernos, EdgeJS tiene integraciones incorporadas con frameworks como React, Angular, Vue, Next.js, Nuxt.js, y la plataforma Layer0 incluye todo lo que necesita para ir sin cabeza, incluido Serverless JavaScript. Esto permite a los sitios web dinámicos de gran tamaño aprovechar los beneficios de productividad, seguridad y rendimiento de los desarrolladores de la arquitectura JAMstack que antes solo estaba disponible para sitios web estáticos.
Echa un vistazo a la documentación para desarrolladores en docs.edg.io, y puedes probar la plataforma completamente gratis en https://edgio.app/signup.
