Быстрые веб-приложения: разработка, профайлинг, оптимизация

Курс можно начать проходить в любое время

on demand

Сложность курса: middle
 

Старт курса

18
апреля2016
2016-04-18 2016-04-18 Europe/Kiev Быстрые веб-приложения: разработка, профайлинг, оптимизация --- Smartme University info@smartme.university

Описание

В последние годы веб-технологии стали своего рода серебряной пулей для UI и кроссплатформенной разработки, однако отношение к данному вопросу по-прежнему не однозначно.
Одной из основных проблем, с которыми сталкиваются разработчики при создании веб-приложений - производительность в сравнении с native приложениями. Много "know how" необходимы для того, чтобы создать HTML/JS приложение, которое будет таким же быстрым, как и IOS или Android Native. 

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

“Оптимизация производительности - это не только о то, что делает ваше текущее приложение быстрее. Речь также идет и о реализации тех вещей, которые вы не могли делать ранее…” - Challenging Native.

Содержание курса:

  • Загрузка страницы
    • Почему это важно? Критерии быстродействия
    • Как работает HTTP?
    • Техники оптимизации количества файлов и трафика
    • Порядок загрузки CSS / JS
    • Что такое Critical Path?
    • Возвращение серверного рендеринга
    • Силы и слабости HTTP2
    • Checklist
    • Сервисы в помощь
  • Скорость исполнения JavaScript
    • Почему это важно? Критерии успеха, методики измерения
    • Как работают современные JS движки
    • Скрытые классы
    • Оптимизируем функции
    • Оптимизируем работу с данными
    • jQuery, делегация событий
    • Введение в практическое задание
    • Профайлинг JavaScript: вкладка Profile. Профайлинг JavaScript: Flame Chart
  • Работа с памятью в JavaScript. Garbage Collector
    • Общая теория
    • Общепринятые практики и пример работы с утечкой памяти
    • Специфические техники работы с памятью
  •  Скорость рендеринга и анимации
    • Основной поток выполнения в браузере
    • Reflow/Layout
    • Hardware/Software рендеринг
    • Практика оптимизации рендеринга
  • Альтернативные методы рендеринга контента
    • Canvas
    • WebGL
    • SVG