Цена пропущенного фрейма

И снова говорим об анимации. Рынок hardware развивается семимильными шагами, новые четырёхъядерные Android-смартфоны уже мощнее, чем ноутбук четырёхлетней давности. Но, несмотря на все вычислительные мощности, многие анимации в вебе продолжают быть дёргаными и неопрятными.

Что заставляет браузер пропускать фреймы? Такие понятия, как отрисовка на GPU, композиция слоёв, анимация transform/opacity, давно известны и привычны. В докладе мы взглянем глубже на них, поговорим о том, к чему приводят пропущенные фреймы, как сгладить анимацию технически и визуально, какие есть инструменты разработки и отладки анимаций, а также о подходах и приёмах для достижения плавности.

Язык доклада: RU

Посмотреть презентацию.

Дмитрий Шуранов

Дмитрий Шуранов

Фронтэнд-разработчик в Туту.ру. В вебе около 5 лет, последние 3 года занимается JavaScript-разработкой, в основном, клиентской. Любит JS-сообщество за темпы развития и динамичность.