PerformanceFrameTiming

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.

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.

Cette interface n'a pas de méthodes.

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

• PerformanceObserver
• Frame Rate (Firefox Performance Tool)
• L'API Frame Timing
• Utiliser l'API Frame Timing