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 |
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.