Η μέτρηση της απόδοσης του κώδικα JavaScript είναι απαραίτητη για τη βελτιστοποίηση των εφαρμογών web. Αυτό το άρθρο παρέχει μια σαφή, βήμα προς βήμα προσέγγιση για τον υπολογισμό των μετρήσεων απόδοσης χρησιμοποιώντας JavaScript.

Κατανόηση των Μετρικών Επιδόσεων

Οι μετρήσεις απόδοσης βοηθούν τους προγραμματιστές να εντοπίσουν τα σημεία συμφόρησης και να βελτιώσουν την απόδοση του κώδικα τους.

Χρήση του API Performance

Η Performance API παρέχει εργαλεία για τη μέτρηση διαφόρων πτυχών της εκτέλεσης κώδικα. Η performance.now() μέθοδος επιστρέφει μια timestamp υψηλής ανάλυσης, ιδανική για ακριβή συγχρονισμό.

Για τη μέτρηση του χρόνου εκτέλεσης, καταχωρήστε τις χρονικές ενδείξεις πριν και μετά το μπλοκ του κώδικα:

Παράδειγμα:

CCAT = απόδοση.now()·

// Κωδικός μέτρησης

final endTime = απόδοση.now()·

διάρκεια κόστου = endTime - startTime?

Υπολογισμός άλλων Μετριών

Η χρήση μνήμης μπορεί να ελεγχθεί με χρήση του αντικειμένου performance.memory, το οποίο παρέχει λεπτομέρειες όπως το συνολικό μέγεθος σωρού JS και το χρησιμοποιημένο μέγεθος σωρού. Σημειώστε ότι αυτό το API υποστηρίζεται κυρίως στο Chrome.

Για τη μέτρηση του ρυθμού καρέ, χρησιμοποιήστε τη συνάρτηση AnimationFrame για να παρακολουθείτε την απόδοση απόδοσης με την πάροδο του χρόνου.

Βέλτιστες Πρακτικές

Πάντα να εκτελεί μετρήσεις πολλαπλές φορές για να υπολογίσει τη μεταβλητότητα. Χρησιμοποιήστε τους μέσους όρους για να πάρετε πιο ακριβή αποτελέσματα. Αποφύγετε τη μέτρηση κατά τη διάρκεια περιόδων υψηλής δραστηριότητας που μπορεί να scew δεδομένα.

  • Χρησιμοποιήστε χρονοδιακόπτες υψηλής ανάλυσης όπως απόδοση.now().
  • Εκτελέστε μετρήσεις πολλαπλές φορές για ακρίβεια.
  • Συγκρίνετε τα αποτελέσματα υπό σταθερές συνθήκες.
  • Παρακολούθηση χρήσης μνήμης με απόδοση.memory.
  • Απόδοση απόδοσης κομματιών με ζητήστεAnimationFrame.