Como permanecer rápido?

Chris Anstey
Chris Anstey
Bojan Pavic
Bojan Pavic

As marcas que otimizam a velocidade geralmente têm uma regressão rápida. Isso ocorre porque o desempenho do website é muito parecido com entrar em forma: não basta um esforço único; é preciso mudar seu estilo de vida.

Os orçamentos de desempenho são uma maneira de lidar com isso. Um orçamento de desempenho é um conjunto de limites nas métricas que afetam o desempenho do site. O conceito é semelhante a um orçamento financeiro: você define um limite e garante que o mantém dentro dele. Em geral, um bom orçamento de desempenho combina diferentes tipos de métricas. Assim, por exemplo, o orçamento de desempenho de uma página de produto pode ter a seguinte aparência:

Tempo para interação da página em conexões 3G lentas Menor que 5 segundos
First Contentful Paint em conexão 3G lenta Menor que 2 segundos
Pontuação de desempenho do Lighthouse Maior que 80
Tamanho total do JavaScript Menor que 170 KB
Exemplo de orçamento de performance.

Uma vez definido, um orçamento de desempenho deve ser aplicado, o que significa, por exemplo, incorporar o orçamento em seu processo de criação e relatório. Ferramentas como o Lighthouse podem ser incluídas na sua integração contínua. É possível programar testes que falham em um build se as principais métricas ficarem abaixo de um limite definido. Além disso, a geração de relatórios regulares por meio de painéis ou relatórios resumidos pode ajudar na visibilidade e responsabilidade. O Pinterest é um exemplo de empresa que implementou orçamentos de performance para garantir uma experiência rápida, enquanto marcas como a Experian agora estão usando a velocidade do site como uma métrica importante nos relatórios executivos de KPI.

Veja mais detalhes sobre os orçamentos de performance aqui. Um guia que descreve como incutir ainda mais a cultura de desempenho e tornar as métricas de velocidade visíveis e tangíveis para todas as partes interessadas pode ser encontrado aqui.