Les marques qui optimisent la vitesse constateront souvent une régression rapide. En effet, les performances d'un site Web ressemblent beaucoup à la remise en forme: il ne suffit pas d'effectuer un seul effort, vous devez changer de mode de vie.
Les budgets de performances constituent un moyen de résoudre ce problème. Un budget de performances est un ensemble de limites appliquées à des métriques qui affectent les performances d'un site. Le concept s'apparente à un budget financier: vous fixez une limite et vous vous assurez de la respecter. 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 de produit peut se présenter comme suit:
| Délai avant interactivité en 3G lente | Moins de | 5 secondes |
| First Contentful Paint sur la 3G lente | Moins de | 2 secondes |
| Score de performance Lighthouse | Supérieur à | 80 |
| Taille JavaScript totale | Moins de | 170 Ko |
Une fois défini, un budget de performances doit être appliqué, ce qui signifie par exemple l'intégrer à votre processus de création et à vos rapports. Vous pouvez inclure des outils tels que Lighthouse dans votre intégration continue, et écrire des tests qui échouent à une compilation si les métriques clés descendent en dessous d'un seuil défini. En outre, la création de rapports réguliers via des tableaux de bord ou des rapports de synthèse peut améliorer la visibilité et la responsabilité. Pinterest est un exemple d'entreprise qui a mis en place des budgets axés sur les performances pour garantir une expérience rapide, tandis que des marques comme Experian utilisent désormais la vitesse du site comme métrique clé dans leurs rapports décisionnels mensuels sur les KPI.
Pour en savoir plus sur les budgets de performances, cliquez ici. Pour savoir comment instaurer une culture de la performance et rendre les métriques de vitesse visibles et tangibles pour toutes les personnes concernées, cliquez ici.