Användartidsmarkeringar och mätvärden är två prestandarelaterade funktioner som finns tillgängliga i de flesta moderna webbläsare. De kan användas för att samla in data om hur din webbsida eller app används av dina användare, vilket kan hjälpa till att optimera prestandan för din webbplats.
Användartimingmarkeringar används för att markera specifika punkter i din kod, vilka sedan kan mätas med hjälp av användartiming. Detta kan hjälpa till att identifiera var flaskhalsar uppstår i din kod. Du kan till exempel använda en användartimingmarkering för att markera början av en JavaScript- fil och sedan använda ett användartiming-mått för att se hur lång tid det tog för den filen att laddas.
Användartidsmått mäter tiden mellan två användartidsmarkeringar. Detta kan hjälpa till att mäta prestandan för specifika kodstycken. Du kan till exempel använda ett användartidsmått för att se hur lång tid AJAX- det tog att slutföra
Du kan läsa mer om användarnas tidsmärkning och mått på W3C:s webbplats.
Vad är användartidsmarkeringar?
Dessa två, användartidsmarkeringar och mått, är prestandamått som kan användas för att identifiera problem och optimera webbapplikationer. Användartidsmarkeringar kan mäta tiden mellan två händelser eller tiden det tar att slutföra en händelse. Användartidsmått kan mäta händelsens varaktighet eller antalet händelser som inträffar under en given period.
Hur lägger man till användartidsmarkeringar?
Att lägga till tidsmarkeringar och mätvärden för användare är ett bra sätt att få insikter i dina webbsidors prestanda. Med användartiming kan du spåra hur lång tid vissa händelser tar på dina sidor, till exempel när en användare klickar på en knapp eller länk.
För att lägga till användarnas tidsmarkeringar och mått måste du först skapa en ny JavaScript-fil. Sedan måste du inkludera följande kod i din fil:
var starttid = Datum.nu();
function görNågot() {
var slutTid = Datum.nu();
var timeTaken = endTime – startTime;
console.log('Det tog ' + timeTaken + 'ms för funktionen doSomething att köras.');
}
Koden ovan låter dig spåra hur lång tid det tar för funktionen att köra något. Du kan också använda den här tekniken för att spåra andra händelser på din sida. För att göra det, ersätt funktionsnamnet i koden ovan med namnet på den händelse du vill spåra.
Tips för att markera tid i din kod
1. När du vill mäta tiden det tar för något att hända i din kod kan du använda performance.now() . Detta ger dig en exakt tidsstämpel med en noggrannhet på en tusendels millisekund.
2. Du kan också använda metoden Date.now() om du inte behöver så hög precision.
3. Om du vill mäta hur lång tid något tar i specifika enheter (t.ex. sekunder, minuter etc.) kan du använda metoderna performance.mark() och performance.measure().
4. Slutligen, om du vill få detaljerad information om vad som händer i din kod och hur lång tid det tog för varje del att köras, kan du använda User Timing API:s metoder mark() och measure().
Slutsats
User Timing API är ett utmärkt sätt att få insikt i hur dina användare interagerar med dina webbapplikationer. Genom att använda markeringar och mått kan du spåra specifika händelser och tidsinformation för att se var det kan finnas flaskhalsar eller problem. Dessutom kan User Timing API användas för att samla in prestandadata som kan användas för att förbättra den övergripande användarupplevelsen.
