- Регистрация
- 26.05.2022
- Сообщения
- 26 724
- Реакции
- 187
- Баллы
- 63
Challenging Native: разработка, профайлинг и оптимизация быстрых web-приложени
В последние годы веб-технологии стали своего рода серебряной пулей для UI и кроссплатформенной разработки, однако отношение к данному вопросу по прежнему не однозначно.
Одной из основных проблем, с которыми сталкиваются разработчики при создании веб-прилрожений - производительность в сравнении с native приложениями. Много know how необходимы для того, чтобы создать HTML / JS приложение, которое будет таким же быстрым, как и IOS или Android native.
Мастер-класс ознакомит вас с серией техник, позволяющих разрабатывать максимально быстрые веб-приложения, поднять отзывчивость интерфейса и сделать ваших юзеров счастливее.
“Оптимизация производительности - это не только о то, что делает ваше текущее приложение быстрее. Речь также идет и о реализации тех вещей, которые вы не могли делать ранее…” , Challenging native.
План мероприятия
1. Введение.
2. Загрузка страницы:
Критерии успеха, методики измерения
Становимся инженерами: как передаются данные?
Уменьшаем количество файлов
Уменьшаем сетевой траффик
Оптимизируем порядок загрузки
Возвращение серверного рендеринга
3. Скорость исполнения JavaScript:
Почему это важно?
Критерии успеха, методики измерения
Становимся инженерами: Как работают JS движки?
Используем теорию для оптимизации
Оптимизируем работу с данными
Оптимизируем функции
Кеширование, мемоизация
Что нужно знать о jQuery?
Работаем с DOM
Делегация событий
Профайлинг JavaScript
4. Работа с памятью в JavaScript, Garbage Collector:
Жизненный цикл памяти.
Хороший тон при использования памяти.
Профайлинг памяти.
Техника трех снимков.
Статическое выделение памяти.
5. Скорость рендеринга и анимации:
Основной поток выполнения в браузере
Hardware VS Software рендеринг
Советы по высоко производительной анимации
Reflow в глубь
Paint в глубь
6. Альтернативные методы рендеринга контента:
SVG
Canvas
WebGL
7. Человеческое восприятие и UI трюки:
Несколько фактов о человеческом восприятии
Критерии успешного приложения с точки зрения конечного пользователя
Задержки во взаимодействии на мобильных устройствах
Проблемы проектирования UI на мобильных устройствах
Трюк: делаем быстрые бесконечные списки (Lightweight + Object Pool)
В последние годы веб-технологии стали своего рода серебряной пулей для UI и кроссплатформенной разработки, однако отношение к данному вопросу по прежнему не однозначно.
Одной из основных проблем, с которыми сталкиваются разработчики при создании веб-прилрожений - производительность в сравнении с native приложениями. Много know how необходимы для того, чтобы создать HTML / JS приложение, которое будет таким же быстрым, как и IOS или Android native.
Мастер-класс ознакомит вас с серией техник, позволяющих разрабатывать максимально быстрые веб-приложения, поднять отзывчивость интерфейса и сделать ваших юзеров счастливее.
“Оптимизация производительности - это не только о то, что делает ваше текущее приложение быстрее. Речь также идет и о реализации тех вещей, которые вы не могли делать ранее…” , Challenging native.
План мероприятия
1. Введение.
2. Загрузка страницы:
Критерии успеха, методики измерения
Становимся инженерами: как передаются данные?
Уменьшаем количество файлов
Уменьшаем сетевой траффик
Оптимизируем порядок загрузки
Возвращение серверного рендеринга
3. Скорость исполнения JavaScript:
Почему это важно?
Критерии успеха, методики измерения
Становимся инженерами: Как работают JS движки?
Используем теорию для оптимизации
Оптимизируем работу с данными
Оптимизируем функции
Кеширование, мемоизация
Что нужно знать о jQuery?
Работаем с DOM
Делегация событий
Профайлинг JavaScript
4. Работа с памятью в JavaScript, Garbage Collector:
Жизненный цикл памяти.
Хороший тон при использования памяти.
Профайлинг памяти.
Техника трех снимков.
Статическое выделение памяти.
5. Скорость рендеринга и анимации:
Основной поток выполнения в браузере
Hardware VS Software рендеринг
Советы по высоко производительной анимации
Reflow в глубь
Paint в глубь
6. Альтернативные методы рендеринга контента:
SVG
Canvas
WebGL
7. Человеческое восприятие и UI трюки:
Несколько фактов о человеческом восприятии
Критерии успешного приложения с точки зрения конечного пользователя
Задержки во взаимодействии на мобильных устройствах
Проблемы проектирования UI на мобильных устройствах
Трюк: делаем быстрые бесконечные списки (Lightweight + Object Pool)
