Brugertidsmærker og -målinger er to ydeevnerelaterede funktioner, der er tilgængelige i de fleste moderne browsere. De kan bruges til at indsamle data om, hvordan din webside eller app bruges af dine brugere, hvilket kan hjælpe med at optimere ydeevnen af dit websted.
Brugertimingmarkeringer bruges til at markere specifikke punkter i din kode, som derefter kan måles af brugertiming. Dette kan hjælpe med at identificere, hvor der opstår flaskehalse i din kode. Du kan f.eks. bruge et brugertimingmarkering til at markere starten af en JavaScript- fil og derefter bruge et brugertimingmål til at se, hvor lang tid det tog for den pågældende fil at indlæse.
Brugertidsmålinger måler tiden mellem to brugertidsmærker. Dette kan hjælpe med at måle ydeevnen af specifikke kodestykker. For eksempel kan du bruge et brugertidsmåling til at se, hvor lang tid AJAX- det tog at fuldføre
Du kan læse mere om brugernes timingmærker og -målinger på W3C's hjemmeside.
Hvad er brugertimingmærker?
Disse to, brugertimingmærker og -målinger, er præstationsmålinger, der kan bruges til at identificere problemer og optimere webapplikationer. Brugertimingmærker kan måle tiden mellem to begivenheder eller tiden det tager at fuldføre en begivenhed. Brugertimingmål kan måle begivenhedens varighed eller antallet af begivenheder, der forekommer i en given periode.
Hvordan tilføjer man brugertidsmærker?
Tilføjelse af brugertiming-mærker og -målinger er en god måde at få indsigt i dine websiders ydeevne. Brugertiming giver dig mulighed for at spore, hvor lang tid bestemte begivenheder vil tage på dine sider, f.eks. når en bruger klikker på en knap eller et link.
For at tilføje brugerdefinerede tidsmærker og takter skal du først oprette en ny JavaScript-fil. Derefter skal du inkludere følgende kode i din fil:
var startTid = Dato.nu();
funktion gørNoget() {
var sluttidspunkt = Dato.nu();
var timeTaken = endTime – startTime;
console.log('Det tog ' + timeTaken + 'ms for funktionen doSomething at køre.');
}
Koden ovenfor giver dig mulighed for at spore, hvor lang tid det tager for funktionen at køre. Du kan også bruge denne teknik til at spore andre hændelser på din side. For at gøre dette skal du erstatte funktionsnavnet i koden ovenfor med navnet på den hændelse, du gerne vil spore.
Tips til at markere tid i din kode
1. Når du vil måle den tid det tager for noget at ske i din kode, kan du bruge performance.now() . Dette vil give dig et nøjagtigt tidsstempel med en nøjagtighed på en tusindedel af et millisekund.
2. Du kan også bruge Date.now()-metoden, hvis du ikke har brug for så høj præcision.
3. Hvis du vil måle, hvor lang tid noget tager i bestemte enheder (f.eks. sekunder, minutter osv.), kan du bruge metoderne performance.mark() og performance.measure().
4. Endelig, hvis du vil have detaljerede oplysninger om, hvad der sker i din kode, og hvor lang tid det tog for hver del af den at køre, kan du bruge User Timing API'ens mark()- og measure()-metoder.
Konklusion
User Timing API'en er en fantastisk måde at få indsigt i, hvordan dine brugere interagerer med dine webapplikationer. Ved at bruge marks og measures kan du spore specifikke hændelser og timingoplysninger for at se, hvor der kan være flaskehalse eller problemer. Derudover kan User Timing API'en bruges til at indsamle performancedata, der kan bruges til at forbedre den samlede brugeroplevelse.
