Мониторинг ошибок и производительности

Основа с Middle

Sentry, source maps, метрики реальных пользователей и алерты после выкатки.

Ошибки: необработанные исключения, отклонённые промисы, ошибки рендеринга и запросов к API — с контекстом и действиями пользователя перед ошибкой.
Source maps — в систему мониторинга, но не публично.
Релизы: каждая ошибка привязана к версии сборки — видно, какая выкатка сломала.
RUM: Core Web Vitals и время загрузки по страницам, устройствам, регионам.
Шум: фильтровать ошибки расширений и устаревших браузеров.
Персональные данные в отчётах маскируются.

Критерии освоения

Практика. Подключить Sentry и web-vitals к проекту, найти и исправить 3 реальные ошибки из собранных отчётов.

Практика. Внедрить еженедельный разбор ошибок и полевых метрик с владельцами страниц и измерить снижение числа ошибок за квартал.

Как мониторить ошибки и производительность фронтенда в продакшене? Middle
Код выполняется на тысячах чужих устройств — без мониторинга вы узнаете об ошибках от пользователей. Нужны: сбор ошибок (Sentry и аналоги) с source maps, чтобы видеть исходный…
Что такое Core Web Vitals и как их улучшить? Middle
Три метрики Google, измеряемые на реальных пользователях: LCP — когда отрисован главный элемент (хорошо ≤ 2,5 с), INP — задержка реакции на действия пользователя (≤ 200 мс), CLS …

Закрытая бета

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.