Les marques qui optimisent la vitesse constatent souvent une régression rapide. En effet, les performances d'un site Web sont très semblables à la remise en forme: il ne suffit pas de faire un effort ponctuel, vous devez changer votre mode de vie.
Les budgets de performances sont un moyen d'y parvenir. Un budget de performances se compose d'un ensemble de limites associées aux métriques qui affectent les performances du site. Son fonctionnement est semblable à celui d'un budget financier: vous définissez une limite, puis vous faites en sorte de ne pas la dépasser. En général, un bon budget de performances combine différents types de métriques. Par exemple, le budget de performances d'une page produit peut se présenter comme suit:
| Time To Interactive sur une 3G lente | Inférieur à | 5 secondes |
| First Contentful Paint sur une connexion 3G lente | Inférieur à | 2 secondes |
| Score de performances Lighthouse | Supérieur à | 80 |
| Taille totale du code JavaScript | Inférieur à | 170 ko |
Une fois défini, un budget de performances doit être appliqué, ce qui signifie, par exemple, l'intégrer à votre processus de compilation et à vos rapports. Vous pouvez inclure des outils tels que Lighthouse dans votre intégration continue, et écrire des tests qui échouent si les métriques clés descendent en dessous d'un seuil défini. De plus, les rapports réguliers via des tableaux de bord ou des rapports récapitulatifs peuvent améliorer la visibilité et la responsabilisation. Pinterest est un exemple d'entreprise qui a mis en place des budgets de performances pour s'assurer que son expérience rapide reste rapide, tandis que des marques comme Experian utilisent désormais la vitesse du site comme métrique clé dans leurs rapports mensuels sur les KPI destinés aux dirigeants.
Pour en savoir plus sur les budgets de performances, cliquez ici. Pour en savoir plus sur la façon d'inculquer une culture axée sur les performances et de rendre les métriques de rapidité visibles et tangibles pour toutes les personnes concernées, cliquez ici.