Ước tính tốc độ động cơ JS để vô hiệu hóa hoạt ảnh

Question

Có cách nào tiêu chuẩn (được chấp nhận/dễ dàng/thực hiện) để xác định tốc độ máy khách hiển thị nhanh như thế nào không?

Khi tôi đang chạy các ứng dụng web (video, v.v.) trên các tab khác, hoạt ảnh JS của tôi chậm thu thập thông tin.

Nếu tôi có thể phát hiện sự chậm chạp từ JS của mình, tôi sẽ sử dụng hoạt ảnh đơn giản hơn để mang lại trải nghiệm người dùng tốt hơn.

Cập nhật:

Loại bỏ hình ảnh động cho tất cả mọi người không phải là câu trả lời. Tôi đang nói về những hình ảnh động đơn giản nhất mà sẽ nói lắp tùy thuộc vào trình duyệt/máy tính. Nếu tôi có thể phát hiện mức độ chậm chạp, tôi sẽ vô hiệu hóa chúng.

Điều này giống như trò chơi điện tử với chất lượng đồ họa động: bạn muốn làm hài lòng những người có máy tính cũ mà không phạt những người có sức mạnh xử lý bổ sung.

Answer 1

Một mẹo là tắt các hoạt ảnh ẩn đó. nếu họ đang ở trên một tab khác không được tập trung, việc sử dụng chúng là gì?

Cách khác là giữ hoạt ảnh ở mức tối thiểu. Tôi cho rằng bạn đang ở trên DOM và các hoạt động DOM rất tốn kém. giữ chúng ở mức tối thiểu.

Một mẹo tôi nhận được ở đâu đó là nếu bạn đang sử dụng thao tác hình ảnh động, hãy xem xét sử dụng canvas thay thế để bạn không hoạt động trên DOM.

Ngoài ra, hãy cân nhắc tăng cường tiến bộ. Giữ cho các tính năng của bạn đơn giản và hoạt động theo cách của bạn đến những thứ phức tạp. Sử dụng các tính năng đơn giản làm đường cơ sở mỗi lần bạn thêm nội dung mới. Bằng cách đó, bạn có thể dễ dàng xác định nguyên nhân gây ra sự cố và khắc phục sự cố cho phù hợp.

---

Vấn đề chính bạn nên địa chỉ đầu tiên là tại sao nó là chậm, không phải khi nó là chậm.

Answer 2

Tôi biết câu hỏi này cũ, nhưng tôi đã tình cờ gặp nó. Cách đơn giản nhất là thực hiện một vòng lặp dài và đo thời gian bắt đầu và kết thúc. Điều này sẽ cung cấp cho bạn một số ý tưởng về hiệu suất Javascript của máy.

Xin lưu ý, điều này có thể trì hoãn việc tải trang, vì vậy bạn có thể muốn lưu trữ kết quả trong cookie, do đó, nó không được đo lường trên mỗi lượt truy cập vào trang.

Cái gì như:

var starttime = new Date(); 
for(var i=0; i<1000000; i++) ; 
var dt = new Date() - starttime; 

Hope this helps.