Производительность фронтенда на HighLoad++

Уже не новая экспериментальная секция на HighLoad++

Секция значительно серьёзнее, чем в прошлом году! Вот полный список докладов секции, о некоторых из которых мы расскажем в этом письме.

1. Instant Loading: Building offline-first Progressive Web Apps / Alex Russell (Google);
2. Как сделать ваш JavaScript быстрее / Роман Дворнов (Avito);
3. Превышаем скоростные лимиты с Angular 2 / Алексей Охрименко (IPONWEB);
4. Дизайн REST API для высокопроизводительных систем / Александр Лебедев (Новые Облачные Технологии);
5. Your hero images need you: Save the day with HTTP2 image loading / Tobias Baldauf (Akamai Technologies);
6. Промышленное ускорение сайтов / Николай Мациевский (Айри.рф);
7. Автоматизация тестирования клиентской производительности / Николай Лавлинский (Метод Лаб);
8. Отрисовать за 16 мс / Глеб Михеев (Beta Digital Production);
9. Альтернативные технологии рендеринга контента: SVG, Canvas, WebGL / Денис Радин;
10. Применяем стандарты кодирования NASA к JavaScript / Денис Радин;
11. Практическое применение WebWorkers / Алексей Фомкин;
12. Порядок для скорости. Система структурирования фронтендовой части веб-приложений / Сергей Гущин.

Дизайн REST API для высокопроизводительных систем

Александр Лебедев

Александр представляет компанию Новые облачные технологии, которая разрабатывает продукт "Мой Офис". Да-да, тот самый нашумевший пакет офисных программ, призванный вытеснить в рамках программы импортозамещения Microsoft и Google и даже претендующий на то, чтобы быть официальным и самым защищённым офисным пакетом с точки зрения государства.

Доклад осветит вопросы устройства REST API для веб-приложений и мобильных клиентов, от которых требуется высокая производительность. Проектирование высокопроизводительных REST API. Паттерны и антипаттерны. Кэширование. Приемы оптимизации работы с API на клиенте.

Это будет интересно!

Руководитель фронтенд-разработки Avito Роман Дворнов представит доклад

Как сделать ваш JavaScript быстрее

JavaScript, который мы пишем, не всегда исполняется, как мы думаем. Виртуальные машины, исполняющие его, делают многое, чтобы он работал быстрее. Но они не всесильны, и чтобы сделать код действительно быстрым, нужно знать их особенности и как все работает под капотом.

Поговорим об этих особенностях, что может служить причиной потери производительности, как это диагностировать и как делать код действительно быстрым. Доклад базируется на опыте, полученном в ходе работы над такими проектами как basis.js (весьма быстрый фреймворк для SPA), CSSO (минификатор CSS, который из медленного стал один из самых быстрых), CSSTree (самый быстрый детальный CSS парсер) и других.

Очень интересный доклад мы ждём от Глеба Михеева (Beta Digital Production)

Отрисовать за 16 мс

Доклад про производительность непосредственно в браузере, внутреннее устройство браузера и вытекающие рекомендации по производительности анимаци.

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

Интересно? Присоединяйтесь!

Забронировать билеты можно прямо сейчас, потом у вас будет несколько дней на раздумья.