Bố cục và kết xuất 60 khung hình/giây

Việc đạt được 60 khung hình/giây trong các dự án của bạn có mối tương quan trực tiếp với mức độ tương tác của người dùng và rất quan trọng đối với sự thành công của dự án đó. Trong buổi nói chuyện này, Nat và Tom đã nói về quy trình kết xuất của Chrome, một số nguyên nhân phổ biến gây ra việc khung hình bị bỏ qua và cách tránh chúng.

Trang trình bày

  • Một khung dài 16 mili giây. Nó chứa JavaScript, tính toán kiểu, hội hoạ và tổng hợp.
  • Tranh vẽ cực kỳ tốn kém. Paint Storm là nơi bạn lặp lại công việc sơn một cách không cần thiết.
  • Lớp được dùng để lưu các phần tử được vẽ vào bộ nhớ đệm.
  • Trình xử lý đầu vào (trình nghe thao tác nhấn và con lăn chuột) có thể loại bỏ khả năng phản hồi; hãy tránh chúng nếu có thể. Trong trường hợp bạn không thể giữ chúng ở mức tối thiểu.