Скорость сайта — это не вопрос эстетики. Медленная страница теряет посетителей ещё до того, как они увидят ваше предложение, а поисковые системы учитывают удобство страниц при ранжировании. Разберёмся, как измерить скорость, что чаще всего тормозит сайт и что с этим делать.
Сколько стоит медленный сайт
Исследование Google «The Need for Mobile Speed» по более чем 10 000 мобильных сайтов показало: 53% посещений прерываются, если страница загружается дольше трёх секунд. Человек не ждёт — он возвращается в поиск и открывает сайт конкурента.
Даже если вы платите за рекламу, медленная посадочная страница означает, что за часть кликов вы платите впустую: посетитель ушёл, так и не увидев страницу.
Как измерить скорость: Core Web Vitals
Google оценивает удобство страниц по трём метрикам, которые называются Core Web Vitals:
LCP (Largest Contentful Paint) — через сколько появляется основной контент страницы, например главный баннер или заголовок. Хорошо — до 2,5 секунды, плохо — больше 4 секунд.
INP (Interaction to Next Paint) — насколько быстро страница реагирует на клик, нажатие или ввод. Хорошо — до 200 мс, плохо — больше 500 мс. В марте 2024 года INP заменил прежнюю метрику FID.
CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка во время загрузки. Хорошо — до 0,1, плохо — больше 0,25.
Метрики считаются по реальным посещениям: страница должна укладываться в «хорошие» значения у 75% пользователей. Проверить сайт можно бесплатно в PageSpeed Insights — там видны и реальные данные пользователей, и лабораторный тест с конкретными рекомендациями. Подробное описание метрик есть на web.dev.
Частые причины медленной загрузки
Тяжёлые изображения
Самая частая проблема. Фото с телефона весом 5 МБ, загруженное в баннер без обработки, легко «съедает» несколько секунд. Решение — сжатие, современные форматы (WebP, AVIF), адаптивные размеры под разные экраны и ленивая загрузка картинок ниже первого экрана.
Лишний JavaScript
Слайдеры, чаты, виджеты, счётчики, пиксели рекламных систем, библиотеки, подключённые ради одной анимации. Каждый скрипт нужно скачать, разобрать и выполнить — а на недорогом смартфоне это заметно дольше, чем на рабочем ноутбуке. Тяжёлый JavaScript чаще всего ухудшает INP.
Шрифты
Несколько начертаний веб-шрифта, загружаемых со стороннего сервера, задерживают отрисовку текста. Лучше подключать только нужные начертания, хранить шрифты у себя и настраивать корректное отображение текста до их загрузки.
Медленный сервер и отсутствие кеширования
Если сервер долго формирует страницу, всё остальное уже не важно. Причины — слабый хостинг, неоптимальные запросы к базе данных, отсутствие кеширования страниц и данных, устаревшая версия PHP.
Сдвиги вёрстки
Картинки без заданных размеров, баннеры и блоки, которые подгружаются после основного контента, — всё это сдвигает страницу и ухудшает CLS. Пользователь целится в кнопку, а попадает в рекламу.
Что делать: план по шагам
Проверьте ключевые страницы в PageSpeed Insights — главную, страницы услуг, карточку товара.
Начните с изображений: это обычно даёт самый большой эффект за минимальные усилия.
Проведите ревизию сторонних скриптов: удалите то, чем не пользуетесь, остальное загружайте отложенно.
Настройте кеширование и сжатие на сервере, обновите PHP до актуальной версии.
Проверьте медленные запросы к базе данных — особенно на страницах каталога и поиска.
После изменений перепроверьте метрики: реальные данные обновляются с задержкой, обычно в течение нескольких недель.
Чего не стоит делать
Не гонитесь за «100 баллами» в лабораторном тесте ценой функциональности. Цель — не цифра в отчёте, а быстрая загрузка у реальных посетителей. Также осторожно относитесь к плагинам «ускорения в один клик»: они часто ломают вёрстку или скрипты и маскируют проблему вместо её решения.
Итог
Большинство проблем со скоростью решаются без переделки сайта: оптимизация изображений, наведение порядка в скриптах и настройка сервера дают ощутимый эффект. Если сайт тормозит и непонятно почему — я могу провести аудит и устранить причины. Подробнее — оптимизация скорости.
