Gebruikerstimingmarkeringen en -metingen zijn twee prestatiegerelateerde functies die in de meeste moderne browsers beschikbaar zijn. Ze kunnen worden gebruikt om gegevens te verzamelen over hoe uw webpagina of app door uw gebruikers wordt gebruikt, wat kan helpen bij het optimaliseren van de prestaties van uw website.
Gebruikerstimingmarkeringen worden gebruikt om specifieke punten in uw code te markeren, die vervolgens kunnen worden gemeten met behulp van gebruikerstiming. Dit kan helpen bij het identificeren van knelpunten in uw code. U kunt bijvoorbeeld een gebruikerstimingmarkering gebruiken om het begin van een JavaScript- bestand te markeren en vervolgens met een gebruikerstimingmeting zien hoe lang het duurde voordat dat bestand geladen was.
Gebruikerstimingmetingen meten de tijd tussen twee gebruikerstimingpunten. Dit kan helpen bij het meten van de prestaties van specifieke codefragmenten. Je kunt bijvoorbeeld een gebruikerstimingmeting gebruiken om te zien hoe lang een bepaalde AJAX- aanvraag erover doet om te worden voltooid.
Meer informatie over gebruikerstijdmarkeringen en -metingen is te vinden op de website van het W3C.
Wat zijn gebruikerstijdmarkeringen?
Deze twee, gebruikerstijdmarkeringen en -metingen, zijn prestatiestatistieken die gebruikt kunnen worden om problemen te identificeren en webapplicaties te optimaliseren. Gebruikerstijdmarkeringen kunnen de tijd tussen twee gebeurtenissen meten of de tijd die nodig is om een gebeurtenis te voltooien. Gebruikerstijdmetingen kunnen de duur van een gebeurtenis meten of het aantal gebeurtenissen dat in een bepaalde periode plaatsvindt.
Hoe voeg ik tijdsmarkeringen van gebruikers toe?
Het toevoegen van tijdstempels en meetwaarden voor gebruikersinteracties is een uitstekende manier om inzicht te krijgen in de prestaties van uw webpagina's. Met tijdstempels voor gebruikersinteracties kunt u bijhouden hoe lang bepaalde gebeurtenissen op uw pagina's duren, bijvoorbeeld wanneer een gebruiker op een knop of link klikt.
Om tijdsmarkeringen en -metingen van de gebruiker toe te voegen, moet u eerst een nieuw JavaScript-bestand aanmaken. Vervolgens moet u de volgende code in dat bestand opnemen:
var startTime = Date.now();
functie doeIets() {
var endTime = Date.now();
var timeTaken = eindtijd – starttijd;
console.log('Het duurde ' + timeTaken + 'ms voordat de functie doSomething was uitgevoerd.');
}
Met de bovenstaande code kunt u bijhouden hoe lang het duurt voordat de functie 'Iets doen' is uitgevoerd. U kunt deze techniek ook gebruiken om andere gebeurtenissen op uw pagina te volgen. Vervang hiervoor de functienaam in de bovenstaande code door de naam van de gebeurtenis die u wilt bijhouden.
Tips voor het bijhouden van de tijd in je code
1. Wanneer je wilt meten hoe lang het duurt voordat iets in je code gebeurt, kun je de performance.now() . Deze methode geeft je een nauwkeurige tijdstempel tot op een duizendste van een milliseconde.
2. Je kunt ook de Date.now()-methode gebruiken als je niet zo'n hoge precisie nodig hebt.
3. Als je wilt meten hoe lang iets duurt in specifieke eenheden (bijvoorbeeld seconden, minuten, enz.), kun je de methoden performance.mark() en performance.measure() gebruiken.
4. Tot slot, als u gedetailleerde informatie wilt over wat er in uw code gebeurt en hoe lang elk onderdeel ervan heeft geduurd, kunt u de methoden mark() en measure() van de User Timing API gebruiken.
Conclusie
De User Timing API is een uitstekende manier om inzicht te krijgen in hoe uw gebruikers met uw webapplicaties interageren. Door middel van markeringen en metingen kunt u specifieke gebeurtenissen en timinginformatie bijhouden om te zien waar zich knelpunten of problemen voordoen. Bovendien kan de User Timing API worden gebruikt om prestatiegegevens te verzamelen die kunnen worden gebruikt om de algehele gebruikerservaring te verbeteren.
