Khoảng trống trong dòng thời gian dọc mới của chrome là gì?
Tôi đang chạy một hoạt ảnh hộp xem đơn giản trong raphael bằng cách sử dụng requestAnimationFrame trong chrome. Tôi nhận thấy tất cả các kịch bản và công việc dựng hình được hoàn thành nhưng tôi vẫn thấy bất cứ nơi nào giữa 30 và 60ms của "không gian chết", nơi có vẻ như trình duyệt đang ngồi ở đó không làm gì cả. Bất kỳ cái nhìn sâu sắc về điều này?
Tôi đã đi vào câu hỏi này đang tìm kiếm câu trả lời tương tự và dường như không ai cung cấp câu trả lời, đây là những gì tôi đã tìm thấy.
Theo the Chrome DevTools documentation about the Clear and Light Grey Frame, khoảng trắng là thời gian trình duyệt của bạn không hoạt động.
Tại sao không hoạt động?
Phiên bản ngắn gọn là khung rỗng có nghĩa là một trong hai điều: chuỗi chính javascript của bạn đang bận làm những thứ khác mà Nhóm Chrome Dev quên hiển thị trong DevTools hoặc bạn đã bị tắc nghẽn trên GPU của mình.
Để biết sự khác biệt, bạn có thể bật "Dòng thời gian: Hiển thị hoạt động CPU trên Thước kẻ" trong cài đặt DevTools (bạn biết đấy, răng cưa ở góc dưới cùng bên phải).
Bạn sẽ kết thúc với một cái gì đó như thế này:
Xem ít khối màu xám đậm trên "ghi" hàng? Đó là tối khi thread renderer đang bận. Nếu chuỗi trình kết xuất chủ yếu là nhàn rỗi, ví dụ: không có khối tối, như là trường hợp ảnh chụp màn hình tôi giật mạnh cho bài đăng này, nó là một tín hiệu rất tốt mà bạn đang bị ràng buộc GPU.
Nếu màu xám đậm như trong hình bạn đã cung cấp có cách nào để tìm ra nó là gì không? – Yamiko
Đây là giải thích đầy đủ từ Kỹ sư Chrome Nat Duca.
Bạn có may mắn tìm ra nguyên nhân gây ra không gian trống không? Tôi nhìn thấy một cái gì đó tương tự nhưng các thanh hoạt động cũng bắt đầu một phần thông qua một khung với không gian trống ở đầu. – Stuart