Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez également contribuer en rejoignant la communauté francophone sur MDN Web Docs.

PerformanceFrameTiming

Experimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

PerformanceFrameTiming est une interface abstraite qui fournit des données d'horodatage de « frame » pour la boucle d'événements du navigateur. Une « frame » représente la quantité de travail qu'un navigateur effectue dans une itération de la boucle d'événements, comme le traitement des événements DOM, le redimensionnement, le défilement, le rendu, les animations CSS, etc. Un frame rate de 60fps (images par seconde) pour un taux de rafraîchissement de 60Hz est l'objectif pour une expérience utilisateur réactive. Cela signifie que le navigateur doit traiter une image en environ 16,7 ms.

Une application peut enregistrer un PerformanceObserver pour une « frame » de l'entrée de performance et l'observateur peut récupérer des données sur la durée de chaque événement. Ces informations peuvent être utilisées pour aider à identifier les choses qui consomment trop de temps pour offrir une bonne expérience utilisateur.

Propriétés

Cette interface n'a pas de propriétés mais elle étend les propriétés de PerformanceEntry suivantes (c'est-à-dire quand le type de l'entrée de performance vaut « frame ») en restreignant les propriétés comme suit :

PerformanceEntry.entryType

Retourne « frame ».

PerformanceEntry.name

Renvoie l'adresse du document.

PerformanceEntry.startTime

Retourne le timestamp (moment) où le cadre a été lancé.

PerformanceEntry.duration

Retourne un timestamp indiquant la différence entre le startTime de deux images successives.

Méthodes

Cette interface n'a pas de méthodes.

Exemple

Voir l'exemple dans l'article Utilisation de l'API Frame Timing.

Spécifications

Spécification Statut Commentaire
Frame Timing
La définition de 'PerformanceFrameTiming' dans cette spécification.		 Projet Définition initiale.

Compatibilité des navigateurs

No compatibility data found for api.PerformanceFrameTiming.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

Voir aussi