Tata Letak dan Rendering 60fps

Mencapai 60 fps dalam project Anda berhubungan langsung dengan interaksi pengguna dan sangat penting untuk kesuksesannya. Dalam pembahasan ini, Nat dan Tom berbicara tentang pipeline rendering Chrome, beberapa penyebab umum penurunan frame dan cara menghindarinya.

Slide

  • Sebuah frame memiliki durasi 16 md. Ini berisi JavaScript, penghitungan gaya, pewarnaan, dan pengomposisian.
  • Pengecatan sangat mahal. Paint Badan adalah tempat Anda perlu mengulang pekerjaan cat yang mahal secara tidak perlu.
  • Lapisan digunakan untuk meng-cache elemen yang digambar.
  • Pengendali input (pemroses sentuh dan mouse) dapat menghentikan respons, dan jika memungkinkan, hindari keduanya. Di mana Anda tidak dapat meminimalkannya.