Скорость сайта и SEO: почему быстрые страницы получают больше заявок
Медленный сайт теряет посетителей ещё до того, как они увидели ваше предложение. Разбираемся, как скорость связана с SEO и заявками, как её измерить и что чаще всего тормозит сайты.
Посетитель из поиска нажимает на ссылку и ждёт. Если через пару секунд он видит белый экран, он возвращается к выдаче и открывает следующий сайт. Вы заплатили за этот клик рекламой или месяцами SEO, а человек даже не увидел, чем вы занимаетесь.
Поэтому скорость — не техническая мелочь для программистов, а часть маркетинга. Разберёмся, как она влияет на поиск и заявки и что с ней делать.
Как скорость влияет на позиции в поиске
Google прямо называет скорость и удобство страницы одним из сигналов ранжирования. Для этого у него есть набор метрик Core Web Vitals, о них ниже.
Яндекс не публикует такой же формулы, но учитывает поведение пользователей. Если люди уходят с сайта через несколько секунд и возвращаются к выдаче, поисковик делает вывод, что страница не ответила на запрос. Медленная загрузка — одна из самых частых причин таких отказов.
К тому же быстрый сайт проще обходить поисковым роботам: за то же время они успевают проиндексировать больше страниц. Для сайта с десятками услуг и кейсов это заметно.
Как скорость влияет на заявки
Связь здесь прямая. Каждая лишняя секунда ожидания увеличивает долю тех, кто уходит, не дождавшись. Особенно на телефоне с мобильным интернетом, а именно оттуда приходит большая часть посетителей сайтов услуг.
Медленный сайт мешает и тем, кто остался:
- кнопки сдвигаются, пока догружаются картинки, и человек нажимает не туда;
- форма отвечает с задержкой, и кажется, что заявка не отправилась;
- страница дёргается при прокрутке, и читать неприятно.
Посетитель не знает, почему сайт тормозит. Он просто делает вывод, что компании всё равно.
Какие метрики смотреть
Google оценивает скорость по трём показателям Core Web Vitals. Их же показывают основные сервисы проверки:
- LCP (Largest Contentful Paint) — когда появился главный элемент первого экрана, обычно заголовок или большое фото. Хорошо — до 2,5 секунды.
- INP (Interaction to Next Paint) — как быстро страница реагирует на нажатия. Хорошо — до 200 миллисекунд.
- CLS (Cumulative Layout Shift) — насколько элементы прыгают при загрузке. Хорошо — меньше 0,1.
Отдельно смотрят общий балл производительности в Lighthouse от 0 до 100. Это удобный ориентир, но реальные данные посетителей важнее лабораторной оценки.
Как проверить свой сайт
Для первой проверки хватит бесплатных инструментов:
- PageSpeed Insights от Google. Вставьте адрес страницы и посмотрите оценку для мобильных и компьютеров. Если сайту хватает посещаемости, сверху будут реальные данные пользователей за 28 дней.
- Яндекс Метрика: в отчётах есть время загрузки страниц. Видно, какие страницы грузятся дольше и у каких посетителей.
- Свой телефон. Откройте сайт по мобильному интернету, не по Wi-Fi, и засеките, когда сможете прочитать заголовок и нажать кнопку.
Проверяйте не только главную, но и страницы услуг, кейсов и статей: на них часто приходят из поиска напрямую.
Что чаще всего тормозит сайт
По нашему опыту, почти всегда виноваты одни и те же вещи:
- Тяжёлые изображения. Фото по 3–5 МБ, загруженные как есть с фотоаппарата. Телефону с экраном шириной 400 пикселей отдают картинку на 4000.
- Сторонние скрипты. Виджеты чатов, обратного звонка, квизы, несколько счётчиков и пикселей. Каждый тянет свой код, и вместе они могут весить больше самого сайта.
- Лишний код. Шаблоны и конструкторы подгружают код для всех возможных функций, даже если на странице используется десятая часть.
- Шрифты. Пять начертаний трёх разных шрифтов, загруженных с внешнего сервиса.
- Медленный хостинг или сервер далеко от посетителей.
- Видео на первом экране без сжатия и без картинки-заставки.
Как мы делаем сайты быстрыми
Скорость закладывается на этапе разработки, а не чинится потом. Вот что мы делаем в каждом проекте:
- Собираем сайт на Astro в готовые HTML-страницы. Браузеру не нужно ничего собирать на лету, страница показывается сразу.
- Отдаём картинки в современном формате WebP и в нескольких размерах: телефон загружает ровно столько, сколько нужно его экрану.
- Подключаем JavaScript только там, где он действительно нужен: для анимаций, форм и меню.
- Размещаем сайт на сервере в России, поближе к посетителям.
- Подключаем Метрику и сторонние скрипты аккуратно, чтобы они не мешали показу первого экрана.
При этом сайт остаётся удобным в управлении: тексты, фото и цены вы меняете в админке, а страницы пересобираются автоматически за минуту.
Короткий чек-лист
- Проверьте главную и 2–3 страницы услуг в PageSpeed Insights в мобильном режиме.
- Посмотрите, сколько весят самые большие картинки, и сожмите те, что тяжелее 300–400 КБ.
- Уберите виджеты и счётчики, которыми давно никто не пользуется.
- Проверьте, не прыгает ли кнопка заявки, пока страница грузится.
- Откройте сайт по мобильному интернету и посмотрите на него глазами клиента.