12
Tôi đang vẽ một số hình dạng (cung, đường thẳng, v.v.) để sử dụng requestAnimationFrame. Không có gì quá ưa thích, nhưng tôi nhận thấy một số hình ảnh động giật thường xuyên. Tôi đã lược tả bằng cách sử dụng thanh tra Timeline trong các công cụ dành cho Chrome và thấy một số lượng lớn thời gian không hoạt động trên mỗi khung hình, một số trong đó giảm FPS xuống dưới 60 (xem ảnh chụp màn hình). Có nguyên nhân hoặc độ phân giải đã biết cho điều này không?Thanh "nhàn rỗi" lớn trong công cụ Chrome dev Khung thời gian
Các câu hỏi tương tự: [một] (http://stackoverflow.com/questions/12302286/what-causes-chrome-timeline-frame-to-have-so-much-empty-white-space?rq=1) , [hai] (http://stackoverflow.com/questions/11423330/web-inspector-profiling-with-frames-finding-the-cause-of-performance-problems), [ba] (http: // stackoverflow.com/questions/18257206/extra-render-time-in-chrome-dev-tools-timeline-frames). Không có thông tin hữu ích. Một vài tài liệu tham khảo cho [bài đăng G + này của Nat Duca] (https://plus.google.com/+NatDuca/posts/BvMgvdnBvaQ?e=-RedirectToSandbox), nhưng tôi không làm gì với các biến đổi 3D, vì vậy tôi không không nghĩ rằng nó có thể áp dụng được. – endemic
Từ [tài liệu DevTools] (https://developers.google.com/chrome-developer-tools/docs/timeline#frames_mode): "Bạn có thể nhận thấy các vùng của khung có màu xám nhạt hoặc trong suốt (trống). 1. Các hoạt động không được thiết kế bởi DevTools 2.) Thời gian không hoạt động giữa các chu kỳ làm mới màn hình. Các khung trong bản ghi bên dưới hiển thị cả hoạt động không được định trước và thời gian không hoạt động. " Tuy nhiên, điều đó không thực sự giải thích cách khắc phục sự cố. Nếu phần rõ ràng của khung là thời gian rảnh, tại sao nó gây ra khung để bỏ qua? – endemic
Tôi có cùng một vấn đề; khung hoàn thiện như 3ms nhưng với thời gian nhàn rỗi điên, đôi khi 200ms; đưa cái gì? công cụ dev bị hỏng? – AlexG