Студия Анатолия Тарасенко

Ситуация знакомая: в тестах скорость выглядит хорошей, а клиент всё равно говорит, что сайт тормозит. Причина в том, что лабораторные метрики и реальный пользовательский сценарий не всегда совпадают.

Почему «зелёный PageSpeed» не гарантирует комфорт

PageSpeed измеряет набор технических показателей, но человек оценивает другое: когда страница становится «живой», как быстро открывается каталог, не дёргается ли интерфейс, можно ли сразу нажать нужную кнопку. Поэтому важна не только оценка, но и поведение сайта в ключевых сценариях.

Где обычно теряется ощущение скорости

1) Медленные переходы между внутренними страницами

Главная может быть оптимизирована, а карточки услуг и фильтры грузятся тяжело из-за скриптов и запросов к базе.

2) Сторонние виджеты и счётчики

Онлайн-чаты, пиксели, виджеты отзывов и внешние скрипты часто блокируют интерактивность, особенно на мобильной сети.

3) Тяжёлые изображения в «боевых» шаблонах

Тестировали одну страницу, а в реальности у менеджера загружены фотографии в 3–5 раз тяжелее, чем нужно.

4) Долгий ответ сервера

Даже при хорошем фронтенде высокий TTFB делает сайт «ватным»: пользователь видит задержку до появления первого контента.

Что проверить в первую очередь

• Сценарии из реальной жизни: каталог, фильтр, форма, переход к контакту, мобильный 4G.
• Web Vitals по реальным пользователям, а не только синтетический отчёт.
• Размер и количество JS/CSS, особенно на внутренних страницах.
• Сторонние скрипты: что можно отложить, убрать или загружать условно.
• Время ответа сервера и кэширование динамических страниц.

Правки, которые дают заметный эффект без полного рефакторинга

1. Оптимизация изображений: форматы WebP/AVIF, адаптивные размеры, lazy-load ниже первого экрана.
2. Отложенная загрузка неключевых скриптов и вынос лишнего JS из первого экрана.
3. Сокращение количества сторонних интеграций до действительно нужных.
4. Кэширование HTML и ускорение бэкенд-запросов на популярных страницах.
5. Фикс критичных сдвигов интерфейса (CLS), чтобы элементы не «прыгали» при загрузке.

Как объяснять результат бизнесу

Не «было 72, стало 91», а понятные эффекты: быстрее открывается карточка, меньше отказов с мобильного, выше доля отправленных форм. Когда скорость связана с поведением пользователя, решение о доработках принимается быстрее.

Итог простой: зелёный PageSpeed полезен, но это только ориентир. Рабочая скорость сайта определяется тем, насколько быстро пользователь выполняет целевое действие в реальном сценарии.