Тезисы

Здесь мы поговорим о производительности в браузере, а особенно об производительных анимациях и внутреннем устройстве браузера.

Основные тезисы выступления:
- Что такое лаги, и почему они происходят.
- Как браузер отрисовывает сайт.
- Что такое Vsync, и почему наша цель ~60fps.
- Как сделать анимацию плавной.
- Как браузер "ускоряется" при помощи GPU.
- Как браузеру помочь "правильно" ускориться.
- Основные ошибки при анимации (антипаттерны производительной анимации).
- CSS анимации vs JS анимации.
- Инструментарий для высокопроизводительных анимаций.
- Анимация на мобильных устройствах.
- Блокировка интерфейса, откуда берется и как избежать.
- Психология пользователя:
-- Мертвый интерфейс (почему критически важно, чтобы интерфейс реагировал).
-- Излишне быстрая реакция интерфейса.
-- Фиксация изменений (кейс от 37signals).
-- Почему индикаторы прогресса важны.
-- Нативный индикатор против собственного (кейс от facebook).