Budgets de performance et alertes
Un budget de performance est un seuil sous lequel une métrique doit rester. Dans LoadFocus, vos budgets sont les alertes de seuil d'un moniteur : chaque résultat est vérifié par rapport à elles, les graphiques d'historique les tracent, et un pipeline CI peut faire échouer un build sur elles. LoadFocus propose des budgets recommandés comme point de départ.
Budgets recommandés
Voici les budgets que LoadFocus utilise par défaut. Ils sont identiques pour les moniteurs mobile et desktop :
| Métrique | Budget recommandé |
|---|---|
| Largest Contentful Paint (LCP) | 2.5 s |
| Total Blocking Time (TBT) | 200 ms |
| Cumulative Layout Shift (CLS) | 0.1 |
| First Contentful Paint (FCP) | 1.8 s |
| Speed Index | 3.4 s |
| Temps de réponse du serveur (TTFB) | 0.8 s |
| Time to Interactive | 3.8 s |
| Performance score | 90 |
Voir votre budget sur le résultat
Chaque jauge de métrique de laboratoire (First Contentful Paint, Speed Index, Temps de réponse du serveur (TTFB), Largest Contentful Paint, Total Blocking Time et Cumulative Layout Shift) affiche sous la valeur une cible comme "Budget: 2.5 sec", pour que vous voyiez la cible juste à côté de la mesure.
La section Budgets d'un résultat
Chaque alerte activée du moniteur avec au-dessus de ou en dessous de et une valeur est un budget. La section Budgets de chaque résultat vérifie l'exécution par rapport à tous ces budgets :
- Chaque budget affiche la valeur mesurée, la limite et Dans le budget, Hors budget ou Non mesuré.
- La ligne au-dessus de la liste indique combien de budgets l'exécution a respectés ou dépassés.
- Gérer les alertes ouvre les alertes du moniteur, où vous ajoutez, modifiez ou retirez des budgets.
Les graphiques d'historique de First Contentful Paint, Largest Contentful Paint, Speed Index, Total Blocking Time et Cumulative Layout Shift tracent chaque budget en pointillés et le nomment dans le titre du graphique (par exemple "Budget 2.5 s"), pour que vous voyiez quand une métrique l'a franchi. Les alertes qui utilisent "se dégrade de (%)" et les alertes sur les métriques de terrain d'utilisateurs réels n'ont pas de limite de laboratoire fixe, elles n'apparaissent donc pas comme budgets.
En plus des scores et des métriques de laboratoire, vous pouvez définir un budget sur Page Weight (KB) et Requests. Quand vous choisissez l'une d'elles dans le formulaire d'alerte, la valeur de départ est 2000 KB ou 80 requêtes, et vous pouvez la modifier.
Pour faire échouer un build quand un budget est dépassé, voir Blocage des builds en CI.
Alertes de budget Core Web Vitals en un clic
Sur la page de nouvelle alerte, choisissez un moniteur et cliquez sur "Ajouter des alertes de budget Core Web Vitals". Cela crée en un clic des alertes LCP, TBT et CLS aux budgets recommandés, en ignorant toute métrique qui a déjà une alerte. Ces alertes vous préviennent quand le budget n'est pas respecté, puis à nouveau quand la métrique se rétablit, pas à chaque exécution.
Comment les alertes de budget se déclenchent
Lorsque vous choisissez une métrique de laboratoire dans le formulaire d'alerte, le seuil recommandé se pré-remplit si le champ de valeur est vide, et vous pouvez le modifier. Pour une alerte manuelle, vous choisissez la fréquence de notification.