Відео воркшопу: LCP під капотом
Ментор: Кіріл Куц, Senior Frontend Developer
На цьому воркшопі учасники ознайомилися з ментальною моделлю роботи браузера: дізналися, як насправді відбувається завантаження, парсинг і рендеринг HTML, чому браузер помиляється з пріоритетами ресурсів і як йому в цьому допомогти.
Ви детально розберетеся в тонкощах мережевих протоколів HTTP, побачите, як саме формується LCP та чому метрики перформансу — це більше про сприйняття користувача, ніж сухі цифри. Ви зможете створити схему життєвого циклу завантаження сторінки, навчитеся знаходити «вузькі місця» та оптимізувати сайти швидко й ефективно.
- У результаті, ви:
- чітко зрозумієте, як браузер завантажує та малює сторінку
- навчитеся визначати ключові точки впливу на веб-перформанс
- cтворите власну метрику LCP та напишете скрипт для її вимірювання
- навчитеся правильно використовувати DevTools і зрозумієте, чому не варто покладатися на Lighthouse
- навчитеся розрізняти RUM і LAB заміри та збирати RUM-дані для аналізу реального досвіду користувачів
- навчитеся знаходити типові bottleneck'и на реальних прикладах та застосовувати перевірені й ефективні підходи для їх усунення.
Ментор - Кіріл Куц, Senior Frontend Developer, розробник аналітичної платформи з 4 млрд метрик користувачів на місяць.
Станьте фахівцем, який не просто знає, а розуміє, що саме впливає на швидкодію сайту.
Для кого цей воркшоп
Frontend-розробники (middle+/senior)
- Щоб глибоко зрозуміти, як їхній код впливає на реальну швидкість завантаження.
- Щоб навчитися діагностувати та усувати складні bottleneck’и у власних проектах.
- Щоб вміти переконливо аргументувати технічні рішення з оптимізації перед командою чи замовником.
Performance-інженери та аналітики
- Для формування точного розуміння браузерних метрик та реальної поведінки сторінок у користувачів.
- Щоб навчитися якісно та швидко знаходити слабкі місця у завантаженні та рендерингу сторінок, роблячи більш глибокі висновки, ніж це дозволяють стандартні інструменти.
Team leads і Tech leads
- Для ефективного менторства команди з питань веб-продуктивності.
- Щоб краще розуміти наслідки технічних рішень у проєкті та їх вплив на кінцевих користувачів.
QA-фахівці та тестувальники
- Для розвитку компетенцій в оцінці продуктивності веб-додатків.
- Щоб навчитися аналізувати перформанс на етапі тестування й чітко комунікувати проблеми розробникам.
Формат:
Матеріали: Відеозапис воркшопу (5 годин), презентація та workbook з підбіркою матеріалів
Мова заходу: українська
Після придбання квитка, оновіть сторінку, і ви побачите запис відео та всі матеріали.
Мова презентації: англійська
Програма
Модуль 1. Глибоко зануримось у роботу браузера
Модуль 2. Розробляємо схему життєвого циклу сторінки
Модуль 3. Побудова LCP
Модуль 4. Типові LCP bottlenecks
Модуль 5. Лайв-кодінг оптимізації сторінки
Кіріл Куц, Senior Frontend Developer
— Розробник аналітичної платформи з 4 млрд метрик користувачів на місяць.
— Автор воркшопів по перформансу
— Після 8 років фронтенду зрозумів, що в 99% випадків для перформансу jQuery — як стара Нокія: виглядає старомодно, але працює швидше за всіх.
Квитки
Презентація та матеріали
Доступ до відео запису воркшопу (5 годин)
Учасники отримують знижку 10% на участь в конференціях Fwdays