Atingir 60 fps nos seus projetos se correlaciona diretamente com o engajamento do usuário e é crucial para o sucesso. Nesta palestra, Nat e Tom falaram sobre o pipeline de renderização do Chrome, algumas causas comuns para a queda de frames e como evitá-los.
- Um frame tem 16 ms. Ele contém JavaScript, cálculos de estilo, pintura e composição.
- A pintura é extremamente cara. Em uma Tempestade de tinta, é necessário repetir o trabalho de pintura desnecessariamente.
- As camadas são usadas para armazenar em cache elementos pintados.
- Os gerenciadores de entrada (listeners de toque e mousewheel) podem eliminar a capacidade de resposta. Evite-os se puder. Quando não for possível reduzi-los.