Măsurarea performanţei codului JavaScript este esenţială pentru optimizarea aplicaţiilor web. Acest articol oferă o abordare clară, pas cu pas, pentru calcularea indicatorilor de performanţă utilizaţi de JavaScript.

Înțelegerea datelor privind performanța

Parametrii de performanță ajută dezvoltatorii să identifice blocajele și să îmbunătățească eficiența codului lor.metricile comune includ timpul de execuție, utilizarea memoriei și rata de cadru.

Utilizarea API-ului de performanţă

API Performance oferă instrumente pentru măsurarea diferitelor aspecte ale executării codului. Metoda performanță.acum întoarce o ștampilă de timp de înaltă rezoluție, ideală pentru sincronizare precisă.

Pentru a măsura timpul de execuție, se înregistrează marcajele de timp înainte și după blocul de cod:

Example:

Const StartTime = performance.now();

// Cod de măsură

Const EndTime = performance.now();

durata Const = timpul de sosire - timpul de pornire;

Calcularea altor metode

Folosirea memoriei poate fi verificată folosind obiectul performance.memory, care oferă detalii precum dimensiunea totală a grămezii JS și dimensiunea grămezii utilizate. Rețineți că acest API este susținut în principal în Chrome.

Pentru măsurarea ratei de cadru, utilizați CerereFrame de animație pentru a urmări performanța de redare în timp.

Cele mai bune practici

Întotdeauna efectua măsurători de mai multe ori pentru a ține cont de variabilitate. Utilizați medii pentru a obține rezultate mai exacte. Evitați măsurarea în perioadele de activitate ridicată, care pot zgâria date.

  • Utilizați cronometre de înaltă rezoluție ca performanță.acum().
  • Rulați măsurători de mai multe ori pentru precizie.
  • Comparați rezultatele în condiții coerente.
  • Comment
  • Performanță de redare a liniilor cu Cerere de animațieFrame.