Воркшоп: 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-фахівці та тестувальники
- Для розвитку компетенцій в оцінці продуктивності веб-додатків.
- Щоб навчитися аналізувати перформанс на етапі тестування й чітко комунікувати проблеми розробникам.
Формат:
Дата та час: 14 червня, 12:00 - 17:00, (Kyiv time, GMT+2), тривалість ~5 годин.
Платформа: Zoom. Ми відправимо вам посилання напередодні воркшопу, а також ви знайдете його на цій сторінці.
Мова заходу та презентації: українська
Кількість учасників обмежена: 20 місць
Технічні вимоги: Почитайте трохи, що таке HTML і CSS. Буде класно, якщо ви хоч трохи програмуєте на JS або будь-якій іншій мові. Решту складних речей про браузер та веб-перформанс будемо поступово і спокійно розбирати разом. І, так, краще візьміть побільше кави! ☕️
Програма
Модуль 1. Глибоко зануримось у роботу браузера
Модуль 2. Розробляємо схему життєвого циклу сторінки
Модуль 3. Побудова LCP
Модуль 4. Типові LCP bottlenecks
Модуль 5. Лайв-кодінг оптимізації сторінки
Кіріл Куц, Senior Frontend Developer
— Розробник аналітичної платформи з 4 млрд метрик користувачів на місяць.
— Автор воркшопів по перформансу
— Після 8 років фронтенду зрозумів, що в 99% випадків для перформансу jQuery — як стара Нокія: виглядає старомодно, але працює швидше за всіх.
Квитки
Доступ до онлайн воркшопу
Доступ до запису воркшопу протягом року
Презентація воркшопу
Додаткові матеріали воркшопа від спікера
Доступ до чату, де спікер буде відповідати на питання
Сертифікат учасника воркшопу
Знижка 10% на участь в конференціях Fwdays