Home Blogs Anunciando Layer0 por Limelight
Applications

About The Author

Outline

A Limelight (agora Edgio) ajudou a lançar e crescer algumas das maiores propriedades de vídeo do mundo, incluindo os clubes de futebol da Premier League e a Disney BYJU, e agora está oferecendo o primeiro novo produto resultante da aquisição da Layer0 . O Layer0 by Limelight simplifica os fluxos de trabalho de desenvolvimento integrando a lógica de borda ao código do aplicativo e oferece cargas de páginas de sub-segundos, estendendo a borda até o navegador.

Layer0 pré-busca e transmite dados para o navegador antes mesmo que o usuário o solicite a uma taxa de acerto de cache de 95%

O trabalho de uma CDN é fornecer dados da borda o mais frequentemente possível e o mais próximo possível do usuário. Surpreendentemente, para uma tecnologia com mais de duas décadas, os CDNs de hoje têm espaço para melhorar em ambas as frentes. As equipes de desenvolvimento devem repensar como colocar a CDN em sua pilha para melhorar a velocidade da equipe e liberar os sites mais rápidos possíveis.

Servir dados da borda o mais frequentemente possível

Na maioria dos sites, o CDN é muito usado para armazenar dados estáticos em cache. Esses ativos como imagens, CSS e javascript raramente mudam e não dependem da lógica do aplicativo. No entanto, dados dinâmicos, HTML e API raramente são armazenados em cache. Isso porque a capacidade de cache desses dados depende da lógica do aplicativo, e os CDNs de hoje são desconetados do fluxo de trabalho do desenvolvedor, dificultando o uso, depuração e manutenção das equipes.

Normalmente, uma equipe de desenvolvimento tem uma “pilha” de código frontend, servidor backend e banco de dados que eles podem desenvolver localmente e, em seguida, passa por um ciclo de vida de desenvolvimento de software (por exemplo, QA, staging, etc.) antes de entrar em produção. Infelizmente, a CDN é a única parte da pilha onde isso não acontece. A CDN só é trazida para o processo de desenvolvimento de software no final quando as alterações em um site entram em operação. Isso não é propício para aproveitar a borda para acelerar aplicativos e em nenhuma outra parte da pilha (código front-end, código do lado do servidor ou esquema do banco de dados) aceitamos isso.

Imagine que você tinha que projetar uma mudança de código de servidor, mas foi dito que você só poderia se desenvolver contra a produção – você pensaria que isso era louco. No entanto, é isso que pedimos aos desenvolvedores que façam em relação à borda. Dado o alto risco de quebra de site e sobrecarga com a modificação de configurações CDN, a borda é ignorada para dados dinâmicos.

Por outro lado, com Layer0, as equipes podem testar, revisar e controlar a versão de sua lógica de borda durante todo o processo de desenvolvimento. Isso significa que as equipes podem se desenvolver localmente contra a borda e garantir altas taxas de acerto de cache para dados dinâmicos vinculados ao código do aplicativo. O gerenciamento da borda é simplificado ainda mais com o EdgeJS ,uma linguagem de configuração de borda baseada em JavaScript, de desempenho, declarativa e independente de estrutura. EdgeJS pode ser incorporado no aplicativo frontend e, como é declarativo, os desenvolvedores só precisam descrever seus objetivos em vez de escrever toda a lógica. Isso torna fácil de usar e manter.

Efetivamente, a CDN é agora um cidadão de primeira classe no processo de desenvolvimento. Como resultado, mais dados são armazenados em cache e as equipes na plataforma são mais produtivas. Justin Metros, Chefe de Tecnologia da Universal Standard, compartilhou que Layer0 contribuiu para a agilidade do desenvolvedor e o desempenho do site na Jamstack Conn 2021, uma conferência popular de desenvolvedores web. “Graças ao Layer0, a velocidade do nosso desenvolvedor aumentou dramaticamente”, disse ele. Outro desenvolvedor nos disse: “Isso é o que eu precisava e eu não sabia que queria.” A plataforma é conveniente, expressiva e confiável, tornando-a a CDN que as equipes de desenvolvimento adoram.

Sirva os dados da borda o mais próximo possível do usuário

Além de fornecer dados da borda com a maior frequência possível, os CDNs também precisam servi-los o mais rápido possível. (Embora tecnicamente, eles precisem atendê-lo com a menor latência possível, para essa discussão, vamos supor que a distância esteja aproximadamente correlacionada com a latência.) Historicamente, os CDNs armazenam conteúdo em cache em um conjunto geograficamente distribuído de nós de cache referidos como pontos de presença ou POPs.

Como outros CDNs, a Limelight Networks tem muitos POPs. Na verdade, com mais de 135 POPs em todo o mundo, a Limelight tem a segunda maior rede global de POPs e é muito provável que tenha uma presença próxima aos seus usuários. No Layer0 by Limelight, esses POPs vão além das funções médias de uma CDN e coordenam dados entre si. Se um POP não tiver um dado, ele irá solicitá-lo de forma inteligente de outro POP, mesmo antes que a solicitação seja encaminhada para o servidor de origem.

Para entender como isso ajuda, considere um dia típico quando a costa leste dos EUA acorda antes da costa oeste. Normalmente, isso significa que os POPs da costa leste receberão um cache quente, mas os POPs da costa oeste não serão aquecidos até que seus usuários comecem a circular a sério. Com a coordenação POP, a costa oeste pode aproveitar os padrões de tráfego da costa leste à medida que seu cache começa a aquecer.

Além disso, a Limelight Networks é única entre os CDNs, na medida em que operamos nosso próprio backbone privado. Isso significa que ao rotear tráfego, o Limelight não precisa usar as rodovias públicas congestionadas na internet e pode aproveitar sua própria rede privada, tornando as transferências de dados mais rápidas e seguras.

Mesmo assim, com toda essa rede, é possível se aproximar ainda mais do usuário – e é isso que Layer0 faz. Graças às modernas tecnologias de navegador, especialmente com os service workers ,nossa plataforma tem controle direto e programático do cache no dispositivo do usuário. Layer0 usa essa tecnologia de service worker para transmitir dados para o navegador antes mesmo que o usuário os solicite.

Esta técnica é muitas vezes referida como pré-busca preditiva e tipicamente tem algumas ressalvas. Em particular, pode ser difícil de gerenciar e manter, e pode causar tráfego excessivo no servidor, uma vez que o navegador agora está solicitando mais dados da origem. Esse tráfego extra pode aumentar os custos ou, pior ainda, reduzir o servidor de origem. No entanto, a pré-busca integrada do Layer0 prioriza o tráfego do usuário sobre o tráfego previsto e entende a configuração do EdgeJS. Isso garante que os dados sejam transmitidos apenas de nossos POPs e não colocarão nenhuma carga adicional no servidor de origem.

Crie sites melhor, mais rápido e mais forte na plataforma de borda do Layer0

Quando todas essas tecnologias se juntam, é como se a rede de repente tivesse largura de banda infinita e latência zero. Os dados dinâmicos não são apenas armazenados em cache no POP, mas também estão disponíveis no dispositivo antes mesmo que o usuário os solicite. As cargas de páginas são instantâneas, tão rápidas quanto 400 milissegundos – a velocidade do piscar de um olho. Esta velocidade é uma diferença de tipo, não de grau.

Os sites de comércio eletrônico veem maior tráfego e receita e diminuem a taxa de rejeição

Os varejistas de moda Shoe Carnival, Universal Standarde Akiramelhoraram o carregamento de páginas em 92, 91% e 71%, respetivamente, no Layer0, e os clientes podem sentir a diferença. Com melhor desempenho, os clientes compram mais. O Shoe Carnival aumentou a receita em 40%, a Akira aumentou o tráfego orgânico em 30% e a Universal Standard reduziu sua taxa de rejeição em 40%. Sam Grossman, COO da sharper Image, disse-nos: “Todo mundo comentou sobre o quão rápido nosso site é, graças ao Layer0.”

Pode ser difícil fazer todo esse trabalho de forma independente e ainda mais difícil mantê-lo em escala. Layer0 by Limelight foi criado para oferecer essas melhorias dramáticas na produtividade da equipe e na velocidade da página disponíveis para todos os sites, especialmente aqueles com dados grandes e dinâmicos. Além disso, para esses sites em frameworks modernos, o EdgeJS tem integrações integradas com frameworks como React, Angular, Vue, Next.js, Nuxt.js, e a plataforma Layer0 inclui tudo o que você precisa para ficar sem cabeça, incluindo JavaScript sem servidor. Isso permite que sites de sites grandes e dinâmicos aproveitem os benefícios de produtividade, segurança e desempenho do desenvolvedor da arquitetura Jamstack anteriormente disponível apenas para sites estáticos.

Confira a documentação do desenvolvedor em docs.edg.ioe você pode testar a plataforma completamente grátis em https://edgio.app/signup.