Måling av ytelsen til JavaScript-koden er avgjørende for å optimalisere webapplikasjoner. Denne artikkelen gir en klar, trinnvis tilnærming til å beregne ytelsesmetrikk ved hjelp av JavaScript.

Forstå ytelsesmatriks

Utførelsesmatrikker hjelper utviklere med å identifisere flaskehalser og forbedre effektiviteten av koden. Vanlige metrikker inkluderer utførelsestid, minnebruk og rammehastighet.

Bruke ytelses-API

Ytelse API gir verktøy for å måle ulike aspekter av kodeutførelse. performance.now() metoden returnerer en høyoppløselig tidsstempel, ideell for nøyaktig timing.

For å måle utførelsestid, registrere tidsstempler før og etter kodeblokken:

Eksemple:

const startTime = performance.now();

// Koden å måle

const endTime = performance.now();

const varighet = endTime - startTime;

Beregne andre metrics

Minnebruk kan kontrolleres ved å bruke performance. memory objekt, som gir detaljer som total JS haugstørrelse og brukt haugstørrelse. Merk at dette API støttes hovedsakelig i Chrome.

For rammehastighetsmåling, bruk requestAnimationFrame funksjon for å spore rendering ytelse over tid.

Beste praksis

Utfør alltid målinger flere ganger for å regne for variasjon. Bruk gjennomsnitt for å få mer nøyaktige resultater. Unngå måling i perioder med høy aktivitet som kan skjev data.

  • Bruk høyoppløselige timer som performance.now().
  • Kjør målinger flere ganger for nøyaktighet.
  • Sammenlign resultater under konsekvente forhold.
  • Overvåk minnebruk med performance.minde.
  • Sporgjengivelsesytelse med forespørselAnimationFrame.