«Основы веб-производительности» посвящена ключевым аспектам повышения скорости и отзывчивости веб-приложений в контексте React-разработки - но при этом это вовсе не книга о самом React-коде. Напротив, она рассматривает всё, что окружает React-приложение и влияет на его производительность:
Метрики и инструменты: вы узнаете, зачем вообще замерять скорость, как работать с отчётами CrUX, Chrome DevTools (панели Performance и Lighthouse), а также что значат такие показатели, как FCP, LCP и INP.
Первичная загрузка: разберёте влияние сетевых условий, CDN и управления кэшем (Cache-Control) на время первой отрисовки страницы.
Флэйм-графы и CSR: научитесь записывать и правильно интерпретировать цветные “монстры“ производительности, поймёте клиентский рендеринг (CSR) и переход к SPA.
Серверный рендеринг (SSR): реализуете собственную стратегию предварительного рендеринга, оцените его издержки и преимущества, узнаете про гидрацию и её влияние на метрики.
Размер бандла: исследуете, насколько объём JavaScript-файлов влияет на загрузку, освоите анализ бандлов, сжатие, отличия HTTP/1, HTTP/2 и HTTP/3, предзагрузку, tree-shaking, code splitting и управление зависимостями.
Lazy Loading и Suspense: шаг за шагом разберёте методы «ленивой» загрузки модулей, поймёте нюансы реализации в разных фреймворках (Next.js, React Router, Tanstack).
Работа с данными: сравните клиентские и серверные стратегии Получения данных, познакомитесь с React Server Components и стримингом, протестируете практические примеры на Next.js и Tanstack.
Интерактивность: изучите Long Tasks, оптимизацию работы основного потока, инструменты React DevTools для борьбы с лишними повторными рендерами, а также экспериментальный React Compiler.
Пошаговые примеры, наглядные исследования производительности и «погружение» в инструменты помогут вам глубоко понять, как всё «за кулисами» влияет на скорость приложения - и научат самостоятельно находить и устранять узкие места.
Привет, меня зовут Надя! Я фронтенд архитектор, программист, писатель и образовательный работник.Ранее я работала в компании Atlassian, где мне довелось познакомиться с разными аспектами фронтенд-разработки в разных командах, включая Atlaskit, команду навигации Jira, команду Jira Ops и команду Jira Frontend Platform. Последняя была ответственна за архитектуру, сборки, развертывание и лучшие практики всего фронтенда Jira (миллионы строк кода!).
