As marcas que otimizam a velocidade geralmente percebem que regredizem rapidamente. Isso acontece porque a performance do site é muito parecida com a forma física: não basta fazer um esforço único, é preciso mudar seu estilo de vida.
Os orçamentos de performance são uma maneira de resolver esse problema. Um orçamento de performance é um conjunto de limites em métricas que afetam o desempenho do site. O conceito é semelhante a um orçamento financeiro: você determina um limite e tenta não excedê-lo. Em geral, um bom orçamento de performance combina diferentes tipos de métricas. Por exemplo, o orçamento de performance de uma página de produto pode ser assim:
| Time To Interactive em 3G lento | Menor que | 5 segundos |
| First Contentful Paint 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 performance precisa ser aplicado, o que significa, por exemplo, incorporar o orçamento ao seu processo de criação e aos relatórios. Ferramentas como o Lighthouse podem ser incluídas na integração contínua, e você pode escrever testes que falham em um build se as métricas principais caírem abaixo de um limite definido. Além disso, relatórios regulares em painéis ou relatórios de resumo podem ajudar com a visibilidade e a responsabilidade. A Pinterest é um exemplo de empresa que implementou orçamentos de performance para garantir que a experiência rápida continue rápida, enquanto marcas como a Experian agora usam a velocidade do site como uma métrica importante nos relatórios mensais de KPI executivo.
Saiba mais sobre os montantes de performance neste link. Este guia 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.