Web Performance: From Slow Pages to Lighthouse 100s
Веб-производительность — разница между сайтом, который конвертирует, и тем, который пользователи покидают. Задержки рендеринга на миллисекунды напрямую влияют на процент отказов, оценки Core Web Vitals и ранжирование в поисковых системах. Этот трек охватывает весь спектр оптимизации: от аудитов Lighthouse и Core Web Vitals до выполнения JavaScript, настройки серверной части и мониторинга реальных пользователей — на основе инструментов, которые браузеры и Google действительно используют.
Что вы узнаете
Вы научитесь запускать и интерпретировать аудиты Lighthouse, оптимизировать изображения, медиа, CSS и шрифты для снижения размера нагрузки, а также поймёте, как работает критический путь рендеринга и где его прерывать. Вы измеряте пользовательский опыт через Core Web Vitals (LCP, CLS, INP), устанавливаете и соблюдаете бюджеты производительности, реализуете кэширование HTTP и стратегии на уровне сети, пишете более быстрый JavaScript, избегая layout thrash и долгих задач, настраиваете время ответа на серверной стороне и инструментируете трафик на боевых серверах с помощью Real User Monitoring (RUM) наряду с синтетическими тестами.
Путь обучения
Двенадцать курсов охватывают уровни A1 по C1. Трек начинается с основных концепций и первого прохода Lighthouse, затем переходит к оптимизации изображений и медиа, стратегиям CSS и шрифтов, а также Core Web Vitals на уровне B1. Курсы B2 охватывают критический путь рендеринга, продвинутую настройку Lighthouse, кэширование сети и бюджеты производительности. Завершающие курсы C1 — JavaScript Performance Best Practices, Server-Side Performance & Backend Optimization и Real User Monitoring (RUM) & Synthetic Monitoring — рассматривают вопросы производства, выходящие далеко за пределы того, что раскрывает один аудит.
Как это работает
Каждый курс разбит на короткие практические уроки, которые вы выполняете во встроенном редакторе с обратной связью в реальном времени и AI-наставником, доступным, когда вы застрянете. Концепции закрепляются немедленно через упражнения, связанные с реальными инструментами браузера и метриками Lighthouse, поэтому вы завершаете каждое занятие с чем-то измеримым, а не просто с заметками.