Gebruikerstimingmarkeringen en -maten

Wat is de User Timing-API?

Het snel en responsief maken van uw webapp is cruciaal voor een goede gebruikerservaring. De eerste stap bij het verbeteren van de prestaties is vaststellen waar de tijd wordt besteed.

Met de User Timing API kunt u de JavaScript-prestaties van uw app meten. Dat doe je door API-aanroepen in je JavaScript in te voegen en vervolgens gedetailleerde timinggegevens te extraheren die je kunt gebruiken om je code te optimaliseren. U kunt toegang krijgen tot deze gegevens vanuit JavaScript met behulp van de API of door ze te bekijken op uw Chrome DevTools-tijdlijnopnamen .

Bekijk de pagina over de User Timing API voor een korte introductie over het gebruik ervan.

Hoe Lighthouse gebruikerstiminggegevens rapporteert

Wanneer uw app de User Timing API gebruikt om markeringen (dat wil zeggen tijdstempels) en metingen (dat wil zeggen metingen van de verstreken tijd tussen markeringen) toe te voegen, ziet u deze in uw Lighthouse- rapport:

Een screenshot van de Lighthouse User Timing-markeringen en -metingen-audit

Lighthouse haalt gebruikerstiminggegevens uit de Trace Event Profiling Tool van Chrome .

Deze audit is niet gestructureerd als een geslaagde of mislukte test. Het is slechts een kans om een ​​nuttige API te ontdekken waarmee u de prestaties van uw app kunt meten.

Stapelspecifieke begeleiding

Reageer

Gebruik de React DevTools Profiler , die gebruik maakt van de Profiler API, om de weergaveprestaties van uw componenten te meten.

Bronnen