Полезно знать · Сайты

Скорость загрузки сайта: как она влияет на заявки и позиции

Почему медленный сайт теряет клиентов, как измерить скорость самостоятельно и что чаще всего её убивает.

Скорость загрузки сайта: как она влияет на заявки и позиции Почему медленный сайт теряет клиентов, как измерить скорость самостоятельно и что чаще всего её убивает. Скорость — та характеристика сайта, которую владелец замечает последним. Со своего компьютера, где страница уже в кэше, всё открывается мгновенно. А новый посетитель с телефона в метро видит белый экран три секунды и уходит, даже не узнав, чем вы занимаетесь. Разберём, во что это превращается в деньгах, как измерить скорость самостоятельно и какие пять причин отвечают за большинство проблем. Что скорость значит в деньгах Связь простая: каждая лишняя секунда загрузки — это часть посетителей, которые не дождались. Особенно заметно на мобильном трафике и на переходах из рекламы, где человек пришёл по объявлению и не имеет обязательств терпеть. Посчитаем на конкретных цифрах. Рекламный бюджет 60 000 ₽, стоимость клика 40 ₽ — 1 500 переходов. Конверсия в заявку 3% при быстрой загрузке даёт 45 заявок по 1 333 ₽. Если сайт грузится на 2–3 секунды дольше и часть посетителей уходит до отрисовки, реальная конверсия падает до 2%. Это 30 заявок, стоимость каждой — 2 000 ₽. Разница — 15 заявок в месяц и 667 ₽ переплаты за каждую. При этом бюджет тот же: вы платите за клики, которые не превратились даже в просмотр страницы. Второй эффект — позиции в поиске. И Яндекс, и Google учитывают скорость и стабильность отображения. Само по себе ускорение не выведет сайт в топ, но при прочих равных медленный сайт проигрывает быстрому. Как измерить Три способа, доступных без специалиста. Инструменты проверки скорости Введите адрес страницы и получите отчёт с оценками и списком проблем. Смотреть нужно отдельно мобильную и настольную версии: разница часто двукратная.Собственный телефон на мобильном интернете Отключите Wi-Fi, откройте сайт в режиме инкогнито, чтобы не мешал кэш. Это самый честный тест из всех.Яндекс.Метрика В отчётах есть время загрузки страниц по разным устройствам и браузерам — полезно, потому что показывает реальных посетителей, а не лабораторный замер. На что смотреть в отчётах: время до отрисовки основного содержимого — целевое значение до 2,5 секунды;стабильность вёрстки: не должно быть скачков, когда кнопка уезжает под палец в момент нажатия;отзывчивость: реакция на первое касание или клик без задержки;общий вес страницы — ориентир до 2 МБ, лучше меньше. Пять причин медленной загрузки Причина 1. Тяжёлые изображения Самая частая и самая простая в исправлении. Фотография с телефона весит 4–6 МБ, а на странице отображается размером 800 пикселей. Браузер вынужден скачать всё. Что делать: уменьшать до реального размера отображения, сжимать, использовать современные форматы (webp), подгружать изображения ниже первого экрана только при прокрутке. На сайте с фотогалереей одно это ускоряет загрузку в разы. Причина 2. Сторонние скрипты и виджеты Онлайн-чат, две системы аналитики, пиксели рекламных систем, виджет обратного звонка, карта, кнопки соцсетей, всплывающее окно с акцией. Каждый элемент — отдельный запрос к чужому серверу, и если тот сервер отвечает медленно, ждёт весь сайт. Что делать: оставить только то, что используется. Виджет чата, в который пишут раз в месяц, обычно не стоит секунды загрузки на каждом визите. Аналитику достаточно одной-двух систем. Причина 3. Шрифты Два-три нестандартных шрифта по несколько начертаний каждый — это ощутимый вес и эффект, когда текст сначала невидим, а потом появляется. Достаточно одного шрифта в двух начертаниях и корректной настройки отображения текста до загрузки. Причина 4. Хостинг и настройка сервера Дешёвый тариф, где на одном сервере живут сотни сайтов, даёт непредсказуемое время ответа. Отсутствие кэширования означает, что страница собирается заново для каждого посетителя. Что делать: проверить время ответа сервера (ориентир — до 200 мс), включить кэширование и сжатие, при повторяющихся проблемах менять тариф или хостинг. Это самый недооценённый пункт: можно сколько угодно сжимать картинки, но если сервер думает две секунды, ускорения не будет. Причина 5. Перегруженная платформа Тяжёлая тема на популярной CMS с двумя десятками плагинов — типичная история. Каждый плагин подключает свои стили и скрипты на всех страницах, даже там, где не используется. Что делать: убрать неиспользуемые расширения, отказаться от универсальных тем «на все случаи», при серьёзных проблемах — собрать сайт заново на более простой основе. Мы в разработке сайтов по этой причине не используем перегруженные шаблоны: нормальная скорость проще достигается изначально, чем оптимизацией потом. Почему «красивый тяжёлый сайт» обычно проигрывает Анимации, видео на первом экране, параллакс, сложные переходы между блоками — всё это выглядит убедительно в презентации и плохо работает в реальности. Причины две. Первая: посетитель пришёл за информацией, а не за впечатлением. Ему нужны услуга, цена и срок. Анимация задерживает получение этих данных. Вторая: на среднем телефоне четырёхлетней давности, с которого заходит значительная часть аудитории, тяжёлая графика тормозит и раздражает. Разумный компромисс: аккуратное оформление и лёгкая графика на первом экране, никаких видеофонов, анимация только там, где она помогает понять интерфейс. Чек-лист проверки перед запуском основное содержимое появляется быстрее 2,5 секунды на мобильном интернете;вес страницы до 2 МБ;все изображения сжаты и в webp;изображения ниже первого экрана подгружаются при прокрутке;подключён один шрифт, максимум два начертания;сторонних скриптов не больше трёх-четырёх;кэширование и сжатие на сервере включены;время ответа сервера до 200 мс;вёрстка не скачет при загрузке;проверено на реальном телефоне, а не только на компьютере. Последний пункт заменяет половину остальных: если на своём телефоне без Wi-Fi сайт открывается быстро, скорее всего всё в порядке. Частые вопросы Насколько скорость важна для позиций в поиске? Это один из факторов, но не главный. Соответствие запросу и полнота ответа важнее. Однако при равном содержании быстрый сайт получает преимущество, а медленный теряет посетителей ещё до просмотра. Базовые вещи, влияющие на видимость, разобраны в материале базовое SEO для сайта бизнеса. Можно ли ускорить сайт без переделки? Часто да: сжатие изображений, удаление лишних скриптов и включение кэширования дают заметный результат за несколько часов работы. Переделка нужна, когда проблема в самой платформе. Сколько стоит оптимизация? Базовые работы обычно укладываются в несколько часов специалиста. Если требуется менять тему или платформу, это уже сопоставимо со стоимостью нового сайта — тогда честнее считать оба варианта. Влияет ли количество страниц на скорость? Практически нет. Влияет вес конкретной страницы и настройка сервера. Каталог на 5 000 позиций может открываться быстрее лендинга с видеофоном. Что важнее — скорость или мобильная версия? Это связанные вещи, и проверять их нужно вместе. Подробный чек-лист по мобильной части — в статье мобильная версия сайта. Вывод Скорость сайта — это не техническая деталь, а часть конверсии: за медленную загрузку платит рекламный бюджет. В большинстве случаев проблема не требует переделки: сжать изображения, убрать лишние виджеты, включить кэширование и проверить хостинг. Мы проверяем скорость на этапе тестирования до запуска, а не после жалоб: посмотреть, как идёт работа по этапам, что входит в разработку сайтов или написать нам о задаче.