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

Сравнение производительности 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