Сравнение производительности RSC и SSR: почему оптимизация LCP не работает без потоковой передачи...

Описание: Перестаньте гадать, почему миграция RSC не уменьшает размер бандлов. Узнайте о реальном влиянии потоковой обработки и гидратации на производительность вашего LCP и интерактивность 🚀

Надя Макаревич (старший инженер, исследователь производительности и автор двух книг по оптимизации React) проводит бенчмаркинг SPA, SSR и RSC, чтобы раскрыть правду о современных стратегиях рендеринга.

Что вы узнаете:
📊 Бенчмаркинг LCP: Реальные метрики для RSC и SSR.

⚡ Разрыв в интерактивности: Решение проблемы «видимого, но замороженного» пользовательского интерфейса.

📦 Реалии бандлов: Почему RSC часто не справляется с уменьшением JS.

🛰️ Потоковая обработка: Почему Suspense необходим для повышения производительности.

✍️ Доклад: Надя Макаревич | Я измерила производительность компонентов React Server, чтобы вам не пришлось этого делать
🌎 Этот доклад был записан на конференции React Advanced London 2025, веб-сайт:
https://reactadvanced.com/?utm_source...

Перейдите по ссылке, чтобы посмотреть полную версию всех докладов конференции, ответы на вопросы докладчиков и записи практических мастер-классов:
🔗 https://gitnation.com/events/react-ad...

📌 Ищете более сложные технические доклады и возможность задать вопросы ведущим докладчикам в прямом эфире?

👉🏻 Присоединяйтесь к нам на наших предстоящих мероприятиях. Выберите мероприятие по ссылке и забронируйте место по лучшей цене:
https://gitnation.com/events?utm_sour...

Временные метки:
00:00 - Надя Макаревич: Исследование производительности React
01:13 - Методология измерения и настройка инструментов разработчика Chrome
01:42 - Дорожная карта: Сравнение профилей SPA, SSR и RSC
02:46 - Приложение-подопытный кролик: Архитектура и конечные точки данных
04:32 - Профиль производительности CSR: Высокая стоимость начальной загрузки JS
06:24 - Базовый SSR: Улучшение LCP с помощью предварительно отрисованной оболочки
08:20 - Получение данных на стороне сервера и «разрыв в интерактивности»
09:59 - Бенчмарки: Next.js Pages Router против App Router (режим SSR)
12:12 - Архитектура RSC: устранение двойного рендеринга на стороне клиента
13:36 - Анализ размера пакета: почему преимущества RSC часто оказываются неудовлетворительными
15:55 - За пределами статического RSC: реализация более интеллектуальных серверов с потоковой обработкой
17:27 - Технические препятствия: асинхронные компоненты и границы Suspense
19:54 - Заключительное сравнение: выбор правильной стратегии рендеринга

#React #ReactServerComponents #RSC #NextJS #WebPerformance #SSR #Frontend #WebDev #JavaScript #CoreWebVitals #NadiaMakarevich #GitNation #ReactAdvanced