SPA і LCP: підводні камені | Performance: метрики і вплив на бізнес | Session Replay без просідань

Fwdays Tech Talks

Зустрічайте новий випуск Fwdays JavaScript Talks! У сьогоднішньому випуску наші постійні ведучі, Роман Лютіков та Роман Савіцький і гість подкасту, Кіріл Куц, обговорять теми: - Frontend performance, Web Vitals, LCP - Observability, telemetry, tracing, monitoring, session replay, security/masking На що варто підписатися: – Більше цікавого для розробників: https://fwdays.com – Телеграм-канал Fwdays: https://t.me/fwdays – Youtube-канал Романа Лютікова: https://www.youtube.com/@UCLVhfsmlqmp5Vv6Bof3delg – Телеграм-канал Романа Лютікова: https://t.me/smthng_dev – LinkedIn Романа Савіцького: https://www.linkedin.com/in/roman-savitskyi-98b49158/ – Youtube-канал Олександра Сугака: https://www.youtube.com/@UCG1PR2mmXDTtPKoXqsfhFdA – LinkedIn Кіріла Куца: https://www.linkedin.com/in/kirill-kuts/?originalSubdomain=ca Таймкоди: 00:00 - Інтро 01:08 - Що робить компанія Noibu і як це відрізняється від Sentry/Datadog? 04:08 - Як міряти вплив performance на бізнес у складних продуктах і стартапах? 08:01 - Чим відрізняється підхід до performance для сайтів і для складних веб-продуктів? 09:17 - Проблеми LCP у SPA 12:58 - Як Time to First Byte (TTFB) впливає на LCP? 15:00 - Як працює LCP? 17:45 - Як за допомогою preload і priority покращити LCP? 19:17 - Скільки паралельних реквестів робить браузер зараз? Чи є обмеження? 21:55 - Як раніше обходили обмеження кількості реквестів? 23:35 - Чи працює підхід unbundled deploy у сучасному вебі? Плюси і мінуси 26:29 - Як браузери обробляють багато файлів? Waterfall 27:21 - Кешування 30:03 - Нові підходи до стиснення 32:27 - Які performance метрики варто збирати окрім LCP? Як їх аналізувати? 34:34 - Як збирати та пов’язувати бекенд і фронтенд метрики? 35:56 - Як працює Session Replay? 38:40 - Чи Session Replay впливає на performance? Як уникнути негативного впливу? 42:15 - Чи можна коректно зібрати перший LCP? /// 46:05 - Чи є інтеграції з CI/CD для моніторингу впливу релізів на performance? 48:33 - Як Noibu використовує AI для аналізу помилок і пріоритизації багів? 53:36 - Як Noibu обробляє дані з точки зору GDPR і безпеки? 55:35 - Як працює Live Support. Автоматизація 58:47 - Використання АІ в аналітиці 01:01:49 - Як Noibu обходить проблеми з CSS-in-JS та динамічними класами у Session Replay?