Воркшоп: LCP під капотом

Проаналізуємо, як браузер отримує та обробляє ресурси з мережі, і визначаємо Largest Contentful Paint (LCP) як ключову метрику продуктивності рендерингу.

Ментор: Кіріл Куц, Senior Frontend Developer

14 червня 2025 Програма

Подія відбулась

Воркшоп: LCP під капотом

Подія відбулась

На цьому воркшопі ви збудуєте глибоку ментальну модель роботи браузера: дізнаєтеся, як насправді відбувається завантаження, парсинг і рендеринг 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 або будь-якій іншій мові. Решту складних речей про браузер та веб-перформанс будемо поступово і спокійно розбирати разом. І, так, краще візьміть побільше кави! ☕️