I brand che ottimizzano la velocità spesso regrediscono rapidamente. Questo perché il rendimento di un sito web è un po' come essere in forma: non basta fare una sola volta, ma devi cambiare il tuo stile di vita.
I budget per le prestazioni sono un modo per risolvere questo problema. Un budget delle prestazioni è un insieme di limiti alle metriche che influiscono sulle prestazioni del sito. Il concetto è simile a un budget finanziario: tu imposti un limite e assicurati di rispettarlo. In generale, un buon budget di rendimento combina diversi tipi di metriche; quindi, ad esempio, il budget delle prestazioni per una pagina di prodotto potrebbe essere il seguente:
| Tempo all'interazione con 3G lenta | Minore di | 5 secondi |
| First Contentful Paint con 3G lento | Minore di | 2 secondi |
| Punteggio prestazioni Lighthouse | Maggiore di | 80 |
| Dimensioni JavaScript totali | Minore di | 170 kB |
Una volta impostato, è necessario applicare un budget delle prestazioni, il che significa, ad esempio, incorporarlo nel processo di creazione e nei report. Puoi includere strumenti come Lighthouse nell'integrazione continua e scrivere test che non superano una build se le metriche chiave scendono al di sotto di una soglia impostata. Inoltre, la creazione di report regolari tramite dashboard o report di riepilogo può contribuire a migliorare la visibilità e l'affidabilità. Pinterest è un esempio di attività che ha implementato budget per le prestazioni per garantire un'esperienza rapida, mentre brand come Experian utilizzano la velocità del sito come metrica chiave nei report mensili sui KPI esecutivi.
Puoi trovare ulteriori dettagli sui budget delle prestazioni qui. Qui è disponibile una guida che descrive come infondere ulteriormente la cultura del rendimento e rendere le metriche relative alla velocità visibili e tangibili per tutti gli stakeholder.