Почему скорость загрузки сайта — это деньги
Скорость загрузки сайта проверяется бесплатно за пять минут. PageSpeed Insights от Google покажет оценку и главные проблемы, а Яндекс Метрика — время загрузки у ваших реальных посетителей. Медленный сайт теряет людей до того, как они увидят цену и кнопку заявки.
Ниже — данные Google и его партнёров по сайтам в разных странах мира, не по России. Рынок другой, но поведение человека с телефоном в руке похоже.
| Что изучали | Результат |
|---|---|
| Скорость мобильных сайтов | 53% посещений, скорее всего, прервутся, если страница грузится дольше 3 секунд |
| 37 брендов, 30 млн сессий | ускорение на 0,1 секунды: конверсия магазинов выросла на 8%, туристических сайтов — на 10%; у сайтов сбора заявок просмотры страниц выросли на 7%, отказы на информационных страницах сократились на 8,3% |
| Сайты B2B, сбор заявок | сайт, который грузится за 1 секунду, конвертирует в 3 раза лучше, чем сайт с загрузкой за 5 секунд |
Для малого бизнеса вывод простой. Реклама оплачивает клик, а не просмотр страницы. Если человек закрыл вкладку до загрузки, деньги за клик уже потрачены, а заявки нет.
Как проверить скорость загрузки сайта за 5 минут
- Откройте PageSpeed Insights и вставьте адрес главной страницы. Затем проверьте страницу услуги, на которую ведёт реклама.
- Смотрите вкладку для мобильных. По справке Google, она имитирует телефон среднего уровня с мобильной сетью.
- Запишите оценку. От 90 — хорошо, 50–89 — требует улучшения, ниже 50 — низкая.
- Если над оценкой есть блок с данными реальных пользователей, посмотрите его. Это статистика Chrome за последние 28 дней, она важнее лабораторной оценки.
- Прокрутите до раздела с рекомендациями и сохраните его. Этот список — готовое задание для разработчика.
Проверьте и руками: откройте сайт на своём телефоне через мобильный интернет, а не через офисный Wi-Fi. Засеките, когда появились заголовок, цена и кнопка заявки. Если первый экран несколько секунд пустой, клиент видит то же самое.
Добиваться сотни не нужно: цель — выйти из красной зоны на мобильных и не терять посетителей.
Как читать результат: LCP, INP и CLS
Google оценивает скорость тремя показателями — Core Web Vitals. Простыми словами:
- LCP — когда показался главный элемент первого экрана: большая фотография или заголовок. Это то, что человек воспринимает как «сайт открылся».
- INP — как быстро страница реагирует на нажатие: открывается меню, отправляется форма.
- CLS — прыгает ли содержимое во время загрузки. Хотели нажать «Записаться», а кнопка уехала вниз из-за подгрузившегося баннера.
| Показатель | Хорошо | Требует улучшения | Плохо |
|---|---|---|---|
| LCP | до 2,5 с | до 4 с | больше 4 с |
| INP | до 200 мс | до 500 мс | больше 500 мс |
| CLS | до 0,1 | до 0,25 | больше 0,25 |
Google считает страницу быстрой, если все три показателя в зелёной зоне у 75% загрузок. Пороги одинаковы для телефонов и компьютеров.
Скорость у реальных посетителей: Search Console и Метрика
PageSpeed проверяет одну загрузку в момент проверки. Как сайт работает у клиентов каждый день, показывают два бесплатных отчёта.
- Google Search Console, «Отчет о показателях Core Web Vitals». Делит страницы на «Хорошо», «Нужно увеличить скорость» и «Низкая скорость». Данные берутся у реальных пользователей Chrome. У небольших сайтов часто стоит «Нет данных»: посетителей для статистики не хватает.
- Яндекс Метрика, «Время загрузки страниц». Путь: Отчеты — Мониторинг — Время загрузки страниц. Главный показатель — «Время до отрисовки»: по справке Яндекса, именно его посетитель воспринимает как скорость, и обычно оно не больше двух секунд.
В Метрике скорость загрузки сайта можно разбить по страницам и браузерам: так видно, какая страница тормозит сильнее всех. Справка советует начинать с этапа, который занимает больше всего времени. Если долго идёт «Ответ сервера», дело в хостинге или коде сайта, а не в картинках.
Заодно загляните в Яндекс Вебмастер, раздел «Диагностика сайта». Если страницы грузятся дольше 3 секунд, робот Яндекса фиксирует ошибку «Долгий ответ сервера». Остальные проверки для самостоятельного разбора собраны в статье «Аудит сайта самостоятельно».
Почему сайт грузится медленно: частые причины
- Тяжёлые фотографии. Снимок с телефона или фотобанка загружают как есть, без сжатия. Справка Яндекса первым делом советует сжимать изображения и откладывать загрузку тех, что ниже первого экрана.
- Виджеты. Онлайн-чат, квиз, карта, кнопки мессенджеров, несколько счётчиков. Каждый тянет свой код с чужого сервера.
- Конструктор с десятками блоков. Длинная страница из готовых блоков со слайдерами и анимацией. Код блоков владелец не контролирует, ускорить можно только убрав лишнее.
- Дешёвый или перегруженный хостинг. Сервер долго отвечает, и никакое сжатие картинок это не исправит. Как выбрать хостинг и на что смотреть кроме цены, разобрано в статье про хостинг для сайта.
- Цепочки переадресаций. Адрес с http переходит на https, затем на www, затем на страницу со слешем в конце. Каждый шаг добавляет ожидание, и справка Яндекса советует ссылаться на страницы напрямую.
- Старая CMS и плагины. Сайт на WordPress годами обрастает плагинами, часть из них грузит код на каждой странице.
Что сделать самому, а что отдать разработчику
Сами, за вечер:
- Уберите виджеты, которыми никто не пользуется. Проверьте по Метрике, открывают ли чат и квиз.
- Сожмите фотографии перед загрузкой на сайт и замените самые тяжёлые на первом экране.
- Удалите со страницы лишние слайдеры и видео на фоне.
- Повторите проверку в PageSpeed Insights и сравните оценку на мобильных.
Разработчику: кэширование и сжатие на сервере, отложенная загрузка картинок и скриптов, обновление CMS и плагинов, переезд на другой хостинг. Отдайте ему список рекомендаций PageSpeed и скриншот отчёта Метрики, так оценка работ будет точнее. Ускорение обычно заказывают как отдельную доработку сайта: у задачи есть понятный результат, который легко проверить повторным замером.
| Что показал отчёт | Кто исправляет |
|---|---|
| Тяжёлые изображения | вы сами или разработчик |
| Лишние виджеты и счётчики | вы сами |
| Долгий ответ сервера | разработчик, иногда нужна смена хостинга |
| Скрипты и стили, которые блокируют отрисовку | разработчик |
| Прыгающая вёрстка, высокий CLS | разработчик |
| Медленная реакция на нажатия, высокий INP | разработчик |
Через месяц после ускорения сравните в Метрике скорость загрузки сайта и число заявок с рекламы до и после. Так вы увидите, окупилась ли работа, по своим цифрам, а не по зарубежным исследованиям.