Diseño y procesamiento a 60 fps

Si alcanzas los 60 fps en tus proyectos, se correlaciona de forma directa con la participación de los usuarios y es esencial para su éxito. En esta charla, Nat y Tom hablaron sobre la canalización de procesamiento de Chrome, algunas causas comunes de la disminución de fotogramas y cómo evitarlos.

Diapositivas

  • Un fotograma tiene una duración de 16 ms. Contiene JavaScript, cálculos de estilo, pintura y composición.
  • Pintar es extremadamente costoso. Una tormenta de pintura es el lugar donde se repite innecesariamente el trabajo de pintura costoso.
  • Las capas se utilizan para almacenar en caché elementos pintados.
  • Los controladores de entrada (objetos de escucha y receptores de la rueda del mouse) pueden eliminar la capacidad de respuesta; evítalos si puedes. En los casos en que no pueda minimizarlas,