Mätning av prestanda JavaScript-koden är avgörande för att optimera webbapplikationer. Denna artikel ger en tydlig, steg-för-steg-metod för att beräkna prestandamätningar med hjälp av JavaScript.
Förstå Prestationsmätningar
Prestanda metrik hjälper utvecklare att identifiera flaskhalsar och förbättra effektiviteten i sin kod. Vanliga mätvärden inkluderar utförande tid, minnesanvändning och ramhastighet.
Använda Performance API
Prestanda API ger verktyg för att mäta olika aspekter av kodexekvation. performance.now()]]]]-metoden returnerar en högupplöst tidsstämpel, idealisk för exakt tidpunkt.
För att mäta körtid, spela in tidsstämplar före och efter kodblocket:
]Exempel:
Const StartTime = performance.now();
// Kod för att mäta
const endTime = performance.now();
konst varaktighet = endTime - startTime;
Beräkning av andra mätvärden
Minnesanvändning kan kontrolleras med performance.memory]] objekt, som ger detaljer som total JS-höjstorlek och använde hög storlek. Observera att detta API stöds huvudsakligen i Chrome.
För mätning av ramhastigheten, använd ] requestAnimationFrame] funktionen för att spåra rendering av prestanda över tiden.
Bästa praxis
Gör alltid mätningar flera gånger för att redogöra för variabilitet. Använd medelvärden för att få mer exakta resultat. Undvik mätning under perioder med hög aktivitet som kan skeva data.
- Använd högupplösta timers som performance.now()].
- Kör mätningar flera gånger för noggrannhet.
- Jämför resultat under konsekventa förhållanden.
- Övervaka minnesanvändningen med ]performance.memory.
- Spåra rendering prestanda med ] requestAnimationFrame ]