Qu'est-ce que Generateur de snippet PerformanceObserver ?
PerformanceObserver surveille les metriques de performance en temps reel via un modele d'observateur. Il s'abonne a des types d'entrees (largest-contentful-paint, layout-shift, etc.) et recoit les entrees en temps reel. Supporte l'indicateur buffered pour les entrees historiques. Baseline 2025.
Réponse rapide
Surveillance Core Web Vitals en temps reel (LCP, INP, CLS, FID, FCP, TTFB) avec classification par seuils. Chrome 73+, Safari 14.1+, Firefox 84+.
Last updated: 2026-06-02
Limites
- Entrees ne persistent pas entre navigations.
- Disponibilite variable selon le navigateur.
- Tampon limite pour chaque type d'entree.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Selectionnez les metriques a observer.
- Configurez la classification par seuils Google.
- Choisissez la methode de rapport (console, sendBeacon, callback).
- Copiez le snippet JavaScript genere.
A quoi il sert
- Suivi Core Web Vitals en production avec sendBeacon.
- Surveillance LCP pendant le developpement.
- Detection des changements de mise en page (CLS).