Home Blogs O que está impedindo sua velocidade do Web Builder
Applications

O que está impedindo sua velocidade do Web Builder

About The Author

Outline

Fonte original: Layer0

Chapéus fora para a equipe que faz seu Web site brilhar. Construção, gerenciamento, depuração, atualização, proteção, e o monitoramento de um aplicativo web moderno pode exigir a junção de mais de 20 primitivas de nuvem diferentes e serviços web. Não é fácil – sua equipe luta contra dragões todos os dias para fazer o melhor para o seu negócio.

Mas e se eles não tivessem que lutar contra tantos dragões? E se eles pudessem lançar atualizações duas vezes mais rápido? E se eles tivessem informações críticas na ponta dos dedos que poderiam impactar os resultados? E se o seu site foi carregado num piscar de olhos? Imagine o que poderia ser realizado.

Por que a velocidade do construtor importa (dica: É dinheiro)

A velocidade do construtor está fortemente correlacionada com a receita da empresa e a economia de custos.

Uma maior produtividade reflete-se sempre no lado dos custos do balanço, mas e o impactos no lado dos rendimentos do balanço? Existe alguma correlação? A empresa de consultoria de gestão global McKinsey&Company decidiu descobrir.

Os resultados foram impressionantes. O crescimento da receita das empresas é até cinco vezes maior se elas tiverem velocidade de desenvolvedor de nível superior.

Ao analisar a receita e as implantações para a produção nas verticais de Software, Serviços Financeiros, Varejo, Automotivo e Manufatura, o estudo da McKinsey descobriu que as empresas no quartil superior do índice de velocidade do desenvolvedor (DVI) superam os outros no mercado em 4-5x.

À medida que “software come o mundo”, a velocidade com que envia atualizações determina se vai afundar ou nadar no mercado.

O que está impedindo a velocidade do construtor da web?

Nos últimos 10 anos, a AWS (Amazon Web Services) transformou completamente a forma como compramos e usamos a infraestrutura de software e hardware. Eles e os concorrentes criaram milhares de serviços pontuais – primitivos na nuvem – como computação e armazenamento. Estes serviços tornaram-se os martelos e pregos que as equipes tiveram que montar e manter para construir aplicações web.

Infelizmente, em muitos casos, o esforço cresceu fora de controle. As organizações reuniram equipes inteiras de talentos escassos e caros. E muitas vezes, a maior parte de seus recursos agora são gastos simplesmente mantendo o aplicativo operando em escala. Muitas equipes estão atoladas em requisitos não funcionais (NFRs), como interoperabilidade, confiabilidade, escalabilidade e outros “itys”. Muitos gastam mais tempo com NFRs do que em melhorar o aplicativo em si.

Hoje, mais de 20 “primitivas em nuvem” são normalmente necessárias para implantar um aplicativo web moderno. Muitas empresas usam pelo menos três fornecedores em infraestrutura de nuvem, CDN, segurança, observabilidade e integração contínua / implantação contínua. Aqui está um exemplo dos componentes que devem ser montados para um aplicativo web:

Componentes em um aplicativo web típico

Os aplicativos Web modernos exigem várias ferramentas para configuração de serviços e borda, domínios e segurança, verificações de integridade e desenvolvimento. Pior, o trabalho não é fácil e requer especialistas que são difíceis de recrutar e reter. Alguns CTOs reclamaram que treinam esses especialistas apenas para que os fornecedores de nuvem os possam alcançar.

Em The Developer Experience Gap, Stephen O’Grady da Redmonk escreveu famosamente:

A fragmentação torna impossível para os fornecedores fornecer nativamente os componentes necessários para uma cadeia de ferramentas totalmente integrada. Isso não muda a realidade, no entanto, que os desenvolvedores são forçados a emprestar tempo de escrever código e redirecioná-lo para gerenciar os problemas associados a cadeias de ferramentas de desenvolvedores altamente complexas e multifator mantidas juntas em lugares por fita adesiva e fio de enfardamento. Essa é, então, a lacuna de experiência do desenvolvedor. O mesmo mercado que oferece aos desenvolvedores qualquer primitivo de infraestrutura que eles possam querer é dizer simultaneamente que montá-los é um problema de desenvolvedor.

O problema deste desenvolvedor pode impedir a velocidade do desenvolvedor, o que pode impedir o crescimento da receita.

Velocidade do revelador do turbocharge

A boa notícia é que há uma maneira melhor de criar, gerenciar, depurar e atualizar seus aplicativos e APIs. As equipes podem aproveitar o poder dessas mais de 20 primitivas em nuvem com uma única plataforma.

O foco é transferido do encanamento complexo para a otimização eficiente, levando a lançamentos mais rápidos e confiáveis. Isso tudo é graças a um movimento em rápido crescimento chamado AppOps, também conhecido como plataformas Jamstack. O AppOps está interrompendo o mercado tradicional de CDN; a CDN e a computação de borda agora podem ser um recurso simples dentro de uma oferta muito maior, assim como a câmera digital se tornou um recurso dentro dos smartphones após o lançamento do iPhone.

Layer0 by Limelight é uma plataforma AppOps amigável para o construtor que permite que as equipes se concentrem em melhorar seus aplicativos sem distrações, enquanto executam em uma das maiores e mais altas redes globais proprietárias do mundo. Esta plataforma se destaca acima do resto com base em cinco benefícios principais, incluindo a capacidade de implantar rapidamente, integrar segurança, liberar com confiança, evoluir para uma arquitetura de microsserviço e economizar dinheiro.

Incrível experiência de desenvolvedor

O Teams on Layer0 lança até duas vezes mais rápido do que as equipes comuns com ferramentas de produtividade integradas, incluindo páginas que mostram oportunidades rápidas para melhorar o desempenho e.

CDN configurável por JavaScript

O gerenciamento da borda é simplificado com o EdgeJS, uma linguagem de configuração de borda independente de framework, baseada em JavaScript, eficiente, declarativa e independente de framework. EdgeJS pode ser incorporado no aplicativo frontend e porque é declarativo – os desenvolvedores só têm que descrever seus objetivos em vez de ter que escrever toda a lógica. Isso torna fácil de usar e manter.

As equipes Layer0 são capazes de 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.

Painel de instrumentos

Ecrã de visão geral do Layer0

A tela de visão geral do Layer0 que resume a integridade do seu projeto em um relance, incluindo Core Web Vitals, tráfego, erros, taxa de acerto de cache, estatísticas de pré-busca, e atividade recente.

As dicas de ferramentas são sincronizadas entre gráficos na mesma tela, facilitando a correlação de informações entre várias métricas. Por exemplo, ao passar o mouse sobre o gráfico de taxa de cliques do cache na guia Visão geral, você também receberá a dica de ferramenta para a mesma data no gráfico de tráfego.

Monitoramento de usuários reais (RUM)

O Google classifica os sites na pesquisa com base em parte em um conjunto de métricas de desempenho chamado Core Web Vitals, um conjunto de métricas que tem um enorme impactos na experiência do usuário. Com o RUM Analytics do Layer0, você pode entender o impactos das alterações do seu site em minutos, em vez de dias ou semanas de espera no Google Search Console ou no Page Speed Insights.

Há gráficos que mostram visualizações de página, distribuição e eventos DE RUM ao longo do tempo, então você pode dizer o que aconteceu na semana passada e como fazer essa correção, ou o que você estava fazendo bem há alguns meses, e como abordar potenciais ameaças Core Web Vitals.Você pode ver tendências ao longo do tempo e distribuições.

Caching cockpit

Veja a taxa de acerto geral do cache (CHR) para todas as rotas, como os CHRs são afetados por implantações e histórico de purga do cache. Limpe facilmente o cache por caminho, chave substituta ou grupo. Talvez a ferramenta mais poderosa seja a capacidade de ver CHR por rota, juntamente com tráfego, CPU, memória, taxa de acerto de pré-busca, e mais. Ao contrário DOS CDNS tradicionais que mostram cada URL que já chegou ao seu site, o Layer0 integra-se à sua base de código e é roteado, facilitando a visualização de rotas que precisam de melhorias. Isso é extremamente útil para sites de alto desempenho que querem atingir velocidades de subsegundos.

Percentagem de equipas de alta velocidade

Estas são apenas algumas das ferramentas de desempenho na plataforma. Juntas, as equipes estão lançando duas vezes mais rápido que antes. John Beadles, Desenvolvedor Web Líder da Turn Vacation Rentals compartilhou: “Layer0 aumentou nossa cadência [de lançamento] em pelo menos 2x, talvez mais”.

E lembre-se: O crescimento da receita das empresas é até cinco vezes maior se elas tiverem velocidade de desenvolvedor de nível superior.

Segurança web poderosa

Os desenvolvedores não precisam mais integrar manualmente a segurança na lógica de borda. Implante rapidamente soluções de gerenciamento de DDoS, WAF e Bot nativamente em seu fluxo de trabalho no Layer0.

WAF

Firewall de aplicativos Web com conjuntos de regras gerenciados que filtram e protegem contra explorações comuns e emergentes, como OWASP Top 10 vulnerabilidades, ameaças Log4J, injeção de objetos PHP, injeções SQL e outros.

Gerenciamento de bots

Detecte e gerencie uma grande variedade de bots que consultam seus aplicativos e consomem recursos valiosos. Se eles são SEO, motores de busca, data centers ruins, mídias sociais ou bots de raspagem – você tem a capacidade de sinalizá-los e pará-los se o tráfego do bot for indesejado.

Proteção contra DDoS

Layer0 está na rede de alta largura de banda da Limelight, distribuída globalmente, sempre em funcionamento, construída para inspecionar e repelir uma grande variedade de ataques DDoS de camada de rede, mantendo seus recursos saudáveis e protegidos em tempo real.

Lançamentos fiáveis

A produtividade, o desempenho e a proteção não seriam completos se as equipes de devops não fossem capazes de liberar com confiança. Layer0 inclui uma poderosa ferramenta de gerenciamento de recursos e divisão de tráfego que é executada na borda com:

  • Roteamento e divisão de tráfego de apontar e clicar na borda – muito mais fácil de usar do que as ferramentas dentro de CDNs tradicionais que não têm conhecimento do código do aplicativo
  • Os imploys canários e azuis/verdes permitem que você envie atualizações com segurança
  • Bandeiras de recursos (também conhecidas como recursos escuros) com muito mais no roteiro
  • Testes A/B na borda que não retarda seu site que se integra a todas as principais plataformas de experimentação

Essas são variações de “pilha completa” que incluem o código do navegador, o código de borda e o código sem servidor na nuvem em um pacote atômico. Os membros da equipe de DevOps sabem com confiança que seus clientes estão recebendo exatamente o que você pretendia.

Evoluir para microsserviços e sem cabeça

Para ganhar rapidamente velocidade, flexibilidade e agilidade, os clientes podem facilmente mover-se para uma arquitetura sem cabeça no Layer0, dissociando a camada de apresentação frontend da lógica de back-end por meio de APIs.

Neste estudo de caso, Kate Spade (Tapestry) usou Layer0 para migrar incrementalmente para uma nova versão do Salesforce Commerce Cloud.

Kate Spade migra para sem cabeça uma página de cada vez no Layer0

O KateSpade.com é baseado na arquitetura SiteGenesis da Salesforce e busca dados de negócios armazenados no Salesforce Commerce Cloud por meio de uma CDN tradicional. No entanto, todas as páginas armazenadas em cache e renderizadas pelo Layer0 agora são direcionadas diretamente para Layer0 para uma taxa de acerto de cache mais alta. Layer0 fica entre a camada de dados de Kate Spade e frontend.

A plataforma monolítica anterior era acompanhada por servidores físicos reais, portanto, maior tráfego significava mais carga de servidor, o que retardou a experiência de compra. Usando uma plataforma sem servidor como Layer0, o KateSpade.com agora é dimensionado para o nível de qualquer tráfego.

Em termos de agilidade, as atualizações são mais rápidas e fáceis com zero dependência da infraestrutura restritiva do Salesforce. Antes, a equipe esperou semanas para ver suas atualizações porque tudo fazia parte de uma compilação. Agora, essas atualizações são quebradas em pedaços, levando a implementações mais frequentes com menor risco.

Layer0 também é líder de desempenho para sites sem cabeça, com suporte para 45 das principais plataformas Jamstack e contando:

Simplifique e economize dinheiro

Em vez de comprar ferramentas díspares que você precisa para reunir, agora você pode obter os resultados de negócios que deseja com uma abordagem mais simples e de baixo custo. Aqui está uma visão que compara os custos das duas abordagens:

Com Layer0 você pode alcançar melhores resultados a um custo menor. Sua equipe de construtores pode parar de se preocupar com o encanamento e concentrar sua atenção nas inovações que irão diferenciar sua solução da concorrência.

Bônus: Ofereça uma experiência mais rápida na web

Como se dobrar a velocidade da sua equipe de construtores não for suficiente, você também pode oferecer experiências na web muito mais rápidas. Layer0 by Limelight é a plataforma CDN e EDGE de aplicativos web mais programável e mais rápida do mundo. Os desenvolvedores podem controlar recursos de desempenho inovadores, como cache de dados dinâmicos (não apenas conteúdo estático) e pré-busca preditiva no dispositivo do visitante. Mais sobre isso em um artigo futuro!