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 lestartTime
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.