Как мы считаем скорость
Аудит производительности открывает ваш сайт в настоящем браузере, несколько раз подряд, в стабильном профиле сети и устройства — и записывает, что и когда увидел пользователь. Из этой записи мы собираем показатели скорости, скриншоты загрузки (filmstrip) и список всех сетевых запросов (waterfall).
Прогон повторяется несколько раз, а в отчёте показывается медиана — так разовые всплески (фоновая вкладка, мусорный GC) не искажают картину.
Зачем эти показатели
Скорость — это не «приятный бонус», а то, что напрямую влияет на бизнес:
- Отказы. Чем дольше грузится страница, тем больше людей уходят, не дождавшись. Каждая лишняя секунда стоит конверсии.
- Поиск. Core Web Vitals — официальный фактор ранжирования Google. Медленный сайт хуже индексируется и ниже в выдаче.
- Доверие. «Прыгающая» вёрстка и зависающие клики читаются пользователем как «сайт сломан», даже если всё работает.
Поэтому в обзоре мы сразу даём вердикт — быстро / можно улучшить / есть проблемы — а ниже раскрываем его по конкретным метрикам.
Цвета и зоны
У каждой метрики три зоны, по порогам Google:
| Цвет | Зона | Что значит |
|---|---|---|
| 🟢 Зелёный | хорошо | в пределах нормы, ничего делать не нужно |
| 🟡 Жёлтый | можно улучшить | приемлемо, но есть запас |
| 🔴 Красный | плохо | пользователь это замечает, стоит чинить |
Итоговые оценки
Это «оценки в одну цифру» (0–100) — с них удобно начинать.
Lighthouse
Аудитор от Google — та самая «каноническая» оценка, которую показывают PageSpeed Insights и Search Console. Мы запускаем Lighthouse в том же профиле, что и остальные метрики, и показываем четыре категории:
- Performance — скорость загрузки;
- Accessibility — доступность для людей с ограничениями (контраст, alt, ARIA);
- Best practices — современные веб-практики (HTTPS, безопасность, корректные API);
- SEO — базовая поисковая оптимизация (мета-теги, индексируемость, мобильность).
Coach
Встроенный в движок аудита аналитик. Он проверяет страницу по набору лучших практик и выставляет 0–100 в трёх категориях:
- Performance — блокирующие ресурсы, кэширование, сжатие, размер ассетов;
- Best practice — корректность вёрстки и заголовков;
- Privacy — внешние трекеры и передача данных третьим сторонам.
Coach дополняет Lighthouse: он не просто ставит балл, а перечисляет конкретные проблемы с приоритетом — что починить в первую очередь.
Core Web Vitals
Ключевые метрики Google — то, как загрузку ощущает живой пользователь.
- LCP (Largest Contentful Paint) — когда отрисовался самый крупный видимый элемент (главная картинка или заголовок). Хорошо ≤ 2.5 с.
- CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка во время загрузки. 0 — идеально, хорошо ≤ 0.1.
- TBT (Total Blocking Time) — суммарное время, когда страница не реагировала на клики из-за занятого главного потока. Хорошо ≤ 200 мс. Это лабораторный аналог INP/FID.
Детальные показатели загрузки
Когда вердикта мало и нужно понять, на каком этапе теряется время:
- TTFB (Time to First Byte) — от запроса до первого байта ответа сервера. Зависит от бэкенда и сети. Хорошо ≤ 0.8 с.
- FCP (First Contentful Paint) — когда на экране появился первый контент (текст или картинка). Хорошо ≤ 1.8 с.
- Speed Index — насколько быстро визуально заполняется видимая область. Чем меньше, тем лучше.
- Запросы и вес — сколько всего ресурсов и байтов загрузила страница. Меньше и легче — быстрее.
Ассеты и waterfall
- Ассеты — разбивка всех ресурсов: по типам контента, по доменам, самые тяжёлые файлы и коды ответов. Нажмите на столбец кода ответа, чтобы увидеть, какие именно запросы его вернули.
- Waterfall — временная диаграмма всех сетевых запросов: когда каждый начался, фазы соединения (DNS, TLS, ожидание, скачивание) и длинные задачи CPU. Наведите на полосу запроса — увидите его тайминги.
Откуда берутся данные
Все показатели снимаются на задеплоенной версии сайта по реальному публичному адресу — это ровно то, что видят ваши посетители. Запустить новый аудит можно в любой момент из вкладки «Производительность» проекта.