As marcas que otimizam a velocidade geralmente percebem que regressam rapidamente. O desempenho do site é muito parecido com o de entrar em forma: não basta se esforçar uma vez, é preciso mudar seu estilo de vida.
Os orçamentos de performance são uma maneira de lidar com isso. Um orçamento de desempenho é um conjunto de limites de métricas que afetam o desempenho do site. O conceito é semelhante a um orçamento financeiro: você define um limite e tenta não excedê-lo. Em geral, um bom orçamento de performance combina diferentes tipos de métricas. Assim, por exemplo, o orçamento de performance de uma página de produto pode ter a seguinte aparência:
| Tempo para interação da página em 3G lento | Menor que | 5 segundos |
| Primeira exibição de conteúdo em 3G lento | Menor que | 2 segundos |
| Pontuação de desempenho do Lighthouse | Maior que | 80 |
| Tamanho total do JavaScript | Menor que | 170 KB |
Depois de definido, um orçamento de desempenho precisa ser aplicado, o que significa, por exemplo, incorporar o orçamento no seu processo de criação e nos seus relatórios. Ferramentas como o Lighthouse podem ser incluídas na sua integração contínua. Além disso, é possível programar testes que vão falhar em um build se as principais métricas ficarem abaixo de um limite definido. Além disso, relatórios regulares por meio de painéis ou relatórios de resumo podem ajudar com 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 usam a velocidade do site como uma métrica importante nos relatórios executivos mensais de KPI.
Confira mais detalhes sobre orçamentos de performance aqui. Um guia que descreve como incutir ainda mais a cultura de performance e tornar as métricas de velocidade visíveis e tangíveis para todas as partes interessadas pode ser encontrado aqui.