ШВИДКІ ВЕБ-ДОДАТКИ: РОЗРОБКА, ПРОФАЙЛІНГ, ОПТИМІЗАЦІЯ

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

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.