Làm cách nào để đo lường hiệu suất của trang web javascript nặng trên máy tính khách?

Question

Làm cách nào để đo lường nếu trang web nặng jQuery (hoặc JS) của tôi đang kéo/ảnh hưởng đến hiệu suất CPU của máy tính khách (và thiết bị cảm ứng)? Tôi không hỏi về thời gian tải/etc vì chúng phụ thuộc vào số lượng tệp JS. Tôi hỏi về tiêu thụ tài nguyên phía khách hàng và các vấn đề ổn định liên quan nếu có.

Để cụ thể: Tôi đã nhúng một hàm xoay jQuery để tạo hình ảnh động vĩnh viễn và một vài đối tượng động khác dựa trên jquery trong mẫu wordpress.

Answer 1

Bạn có thể sử dụng trình thu thập dữ liệu webkit (tab hồ sơ, kiểm tra) đi kèm với các trình duyệt web như Google Chrome. Ngoài ra các tiện ích mở rộng như tốc độ trang và trình theo dõi tốc độ thực sự tuyệt vời. Bạn có thể có ý tưởng về toàn bộ quá trình trình duyệt như thời gian sử dụng trong chuỗi giao diện người dùng, thực hiện javascript, v.v.

Answer 2

Đây là một câu hỏi hay.

Bạn có thể thử công cụ của Eric báo cáo tỷ lệ khung hình của trình duyệt.

http://churchm.ag/monitor-javascript-performance/

Tôi không chắc chắn nếu điều này là một cái gì đó mà bạn muốn kiểm tra trong quá trình phát triển, hoặc màn hình có thông tin phản hồi từ khách hàng thực sự. Có thể chạy Javascript ở trên có một điều nền và sau đó gửi tin nhắn AJAX trở lại máy chủ để báo cáo hiệu suất cho khách truy cập.

Một tập lệnh khác mà tôi tìm thấy các nỗ lực để đo hiệu suất của CPU, nhưng tôi không biết nó hoạt động tốt như thế nào.

http://blog.pothoven.net/2007/12/performance-based-web-app-functionality.html

Answer 3

tôi sẽ không đề nghị sử dụng nó trên một máy chủ sản xuất, nhưng Firebug có Javascript công cụ phân tích hiệu suất. http://getfirebug.com/javascript

Answer 4

Bạn có thể sử dụng Trình kiểm tra web của Google Chrome, cụ thể là bảng "Tiểu sử". Dưới đây là một số thông tin khác về nó ...

http://jtaby.com/2012/04/23/modern-web-development-part-1.html#The%20Profiles%20Panel%20