Достижение 60 кадров в секунду в ваших проектах напрямую связано с вовлеченностью пользователей и имеет решающее значение для его успеха. В этом выступлении Нэт и Том рассказали о конвейере рендеринга Chrome, некоторых распространенных причинах пропущенных кадров и о том, как их избежать.
- Кадр имеет длину 16 мс. Он содержит JavaScript, расчеты стилей, рисование и композитинг.
- Покраска очень дорогая. Paint Storm — это когда вы без необходимости повторяете дорогостоящие покрасочные работы.
- Слои используются для кэширования окрашенных элементов.
- Обработчики ввода (слушатели касания и колесика мыши) могут убить отзывчивость; избегайте их, если можете. Где вы не можете свести их к минимуму.