01Аудит

Аудит console-ошибок при проходе

Открыть DevTools-консоль и пройтись по всем ключевым страницам. Категоризировать ошибки и warnings: что блокер, что noise, что отложить. Без этого «всё работает» — наугад.

Большинство «работающих» сайтов выдают 5-20 ошибок в консоли на проход. Юзер не видит, но симптомы есть: формы пропадают, лайки не сохраняются, scroll прыгает, hydration warning приводит к перерисовке всего дерева.

Этот промт — структурированный проход с DevTools открытой на Console.

Site: {{site_url}} Страницы: {{pages_list}}

Подготовка

Открой prod в обычном Chrome (не incognito — incognito скрывает extension noise, их фильтруем отдельно)
DevTools → Console:
- Enable «Preserve log»
- Default levels: Verbose, Info, Warnings, Errors — все
Network: «Disable cache»

Проход (15 страниц = 15 минут)

Для каждой:

Hard reload (Cmd+Shift+R)
Подожди 3-5 секунд после load
Скроль до конца (lazy-loading может стрельнуть)
Кликни 2-3 интерактивных элемента
Скриншот console

Категоризация

CRITICAL (фикс немедленно)

TypeError: Cannot read property 'X' of undefined
ReferenceError: X is not defined (забыли import)
SyntaxError
Failed to fetch / net::ERR на собственный API
Refused to apply style / Refused to execute script (CSP)
Uncaught (in promise)

SERIOUS (фикс на этой неделе)

React: Hydration failed, Text content did not match (см. hydration-mismatch-audit)
React: Each child in a list should have a unique key prop
React: Cannot update a component while rendering a different component
Image 404 для key visuals

WARNINGS (фикс в этом квартале)

React deprecations
ARIA / a11y предупреждения
Tailwind / CSS warnings о неизвестных классах
Cookies SameSite warnings
Mixed content warnings

NOISE (отфильтровать)

Chrome / Firefox extensions
Third-party analytics
Service worker дебаг
DevTools-собственные сообщения

HIDDEN ERRORS (нужно копать)

Иногда ошибки происходят, но не выводятся в console:

window.onerror установлен?
window.onunhandledrejection устанавливается?
Sentry тихо проглатывает?

Output

#	URL	Тип	Сообщение	Где (file:line)	Категория
1	/	TypeError	Cannot read 'map' of undefined	home-client.tsx:42	CRITICAL
2	/pricing	warning	non-unique key in list	pricing-grid.tsx:18	SERIOUS

Summary: Critical N · Serious M · Warnings K · Noise filtered X · Top offender file.

Anti-patterns

❌ Закрывать DevTools при «вижу ошибку, страшно» — игнор не лечит
❌ console.log('ok') оставленные в проде → noise, мешают видеть реальное
❌ Глобально подавлять console.error — теряешь видимость
❌ Чинить только critical, не открывая warnings — через месяц warnings становятся critical
❌ Один проход без скролла / interaction — пропустишь lazy-loaded errors
❌ Не отделять noise от своих ошибок
❌ Sentry в quiet-mode «we'll see it in dashboard» — без проходов в console миллион ошибок копится

Output

Полная таблица в Markdown + priorities list: что чинить в первой PR, в этой неделе, в этом квартале. Без приоритизации — всё «надо потом», и ничего не делается.