Việc ước lượng hiệu suất của mã JavaScript là thiết yếu cho việc tối ưu hóa các ứng dụng web. Bài này cung cấp một phương pháp tiếp cận rõ ràng từng bước để tính toán các bộ đo hiệu suất sử dụng JavaScript.

Name

Các thước đo hiệu suất giúp các nhà phát triển xác định các cổ chai và cải thiện hiệu quả của mã lệnh.

Dùng hệ thống ATI thực hiện được

Trình thực hiện ARI cung cấp công cụ để đo các khía cạnh khác nhau của việc thực hiện mã. [FLT: 0] Thao tác. Hiện nay phương pháp trả lại một nhãn thời gian có độ phân giải cao, lý tưởng cho thời gian chính xác.

Để đo giờ thực hiện, ghi chú thời gian trước và sau khi mã khối:

Const startTime = trình diễn. now();

// Mã để đo

Kết thúc constTime = trình diễn. now ();

Thời gian con mồi = kết thúc Time - bắt đầu

Tính toán các loại đo lường khác

Có thể kiểm tra sử dụng đối tượng bộ nhớ [FLT: 0] để ký hiệu hoá.mory , mà cung cấp chi tiết như tổng số JS dốc và kích cỡ đống. Ghi chú rằng tính năng này được hỗ trợ chủ yếu ở Chrome.

Để đo tốc độ khung, hãy dùng [FLT: 0] để tìm kiếm sự sống [FLT: 1] để theo dõi hiệu suất vẽ theo thời gian.

Thực hành tốt nhất

Luôn luôn đo lường nhiều lần để tính độ đa dạng. Hãy dùng trung bình để có kết quả chính xác hơn. Tránh đo lường trong những lúc hoạt động cao mà có thể làm mờ dữ liệu.

  • Sử dụng các đồng hồ đếm giờ có độ phân giải cao như [FLT: 0] performance. now()[FLT: 1).
  • Chạy các phép đo nhiều lần để tính chính xác.
  • So sánh kết quả với những điều kiện nhất quán.
  • Theo dõi sử dụng bộ nhớ để thực hiện.memory .
  • Vẽ theo dõi với requestAnimationFrame .