CourseHunter
  • Категории
  • Источники
  • Все курсы
  • Разделы
  • Книги
English
Русский
Українська
Голубая
Фиолетовая
Cветлая
Терминал
Norton
Войти
Главная страницаКатегория react.jsОсновы веб-производительности

Основы веб-производительности

Web Performance Fundamentals

Nadia Makarevich logo
Nadia Makarevich
★5 (всего оценок - 29)
Основы веб-производительности
Начать Сейчас
Категория
React.js
Дата добавления
7 июл. 2025 г., 23:36
Язык
Английский
Дата обновления
29 апр. 2026 г., 23:36

«Основы веб‑производительности» — это практическое руководство, которое помогает понять, как ускорить загрузку, рендеринг и взаимодействие современного веб‑приложения. Курс делает акцент не на React‑коде, а на инфраструктурных и архитектурных факторах, которые определяют реальную скорость работы интерфейса.

Что вы изучите в ходе курса

Материал охватывает все ключевые составляющие веб‑производительности — от анализа метрик и сетевых условий до оптимизации бандла и серверного рендеринга.

Метрики и инструменты диагностики

Вы научитесь правильно измерять скорость и стабильность веб‑страниц, работать с источниками данных и интерпретировать отчёты.

  • CrUX и реальные отчёты пользователей
  • Chrome DevTools: Performance, Lighthouse
  • Значение и пороги FCP, LCP, INP

Оптимизация первичной загрузки

Вы разберёте, как сеть, CDN и кэширование влияют на первый рендер страницы и стабильность доставки ресурсов.

  • Работа браузерного кэша и директив Cache-Control
  • Особенности доставки в разных сетях
  • Оптимизация Time to First Byte (TTFB)

Флэйм‑графы и анализ клиентского рендеринга

Курс обучит читать и интерпретировать «цветные» графы производительности, что позволяет находить реальное «узкое место» приложения.

  • Запись и чтение профилей
  • Особенности CSR и SPA
  • Поиск долгих операций (Long Tasks)

Серверный рендеринг (SSR) и гидрация

Вы поймёте, как SSR влияет на восприятие скорости, когда его стоит использовать и какой ценой достигается мгновенная отрисовка.

  • Собственная стратегия предварительного рендеринга
  • Плюсы и минусы гидрации
  • Сравнение SSR, SSG и стриминга

Оптимизация размера бандла

Большой объём JavaScript — одна из главных причин медленного интерфейса. Курс научит анализировать и уменьшать бандл без потерь функциональности.

  • Анализ структуры бандла
  • Сжатие и отличие между HTTP/1, HTTP/2, HTTP/3
  • Пре‑загрузка ресурсов, tree‑shaking, code splitting

Lazy Loading и Suspense

Вы подробно разберёте механизмы «ленивой» загрузки, научитесь применять их в разных экосистемах и избегать типичных ошибок.

Работа с данными и серверные компоненты

Курс сравнивает разные модели получения данных и показывает, как современные подходы влияют на производительность.

  • Клиентские и серверные стратегии
  • React Server Components
  • Стриминг данных на Next.js и TanStack

Интерактивность и оптимизация рендера

Вы научитесь сокращать задержки интерфейса, устранять лишние ререндеры и использовать современные инструменты оптимизации.

  • Поиск Long Tasks
  • Оптимизация главного потока
  • React DevTools и React Compiler

Почему этот курс полезен

Материал подаётся через реальные примеры, исследования, разбор профилей и практические мини‑проекты. Вы научитесь не просто применять готовые советы, а самостоятельно находить и устранять проблемы, влияющие на скорость вашего приложения.

Для кого подходит этот курс

  • Frontend‑разработчикам, стремящимся улучшить скорость своих проектов
  • React‑инженерам, которые хотят понимать инфраструктурные причины медленного рендера
  • Тем, кто работает над высоконагруженными интерфейсами
  • Начинающим перформанс‑инженерам

Результат прохождения

После курса вы будете уверенно диагностировать и оптимизировать веб‑производительность, понимать, что действительно замедляет интерфейс, и уметь применять лучшие практики для ускорения любого React‑приложения.

Автор - Nadia Makarevich

Nadia Makarevich logo

Nadia Makarevich

Привет, меня зовут Надя! Я фронтенд архитектор, программист, писатель и образовательный работник.Ранее я работала в компании Atlassian, где мне довелось познакомиться с разными аспектами фронтенд-разработки в разных командах, включая Atlaskit, команду навигации Jira, команду Jira Ops и команду Jira Frontend Platform. Последняя была ответственна за архитектуру, сборки, развертывание и лучшие практики всего фронтенда Jira (миллионы строк кода!).

LinkedInGitHub
Автор
+30

Другие материалы в этой категории

Основы веб-производительности, v2

Основы веб-производительности, v2

Продвинутая веб-производительность

Продвинутая веб-производительность

Основы веб-производительности

Основы веб-производительности

Оптимизация веб-производительности и критического пути рендеринга

Оптимизация веб-производительности и критического пути рендеринга

Веб-производительность с Webpack

Веб-производительность с Webpack

Комментарии
 logo
  • jetit logo
    jetit
    17 мар. 2026 г., 13:54
    amazing author
  • Helcar logo
    Helcar
    27 дек. 2025 г., 03:15
    Amazing book! If I ever get rich, I’ll definitely donate to the author :)
КонтактыРаспространенные вопросыПлейлистыПриватностьУсловия