Разработка · 2 минуты чтения

Сайт грузится шесть секунд. Сколько это стоит в клиентах

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

Почему это не мелочь

Человек с телефона не ждёт. Он не думает «подожду, наверное, сайт хороший» — он возвращается в выдачу и открывает следующий результат. Причём даже не запомнит, что заходил к вам.

Важно понимать, где это бьёт больнее всего: по рекламному трафику. За каждого человека, пришедшего с Директа, вы заплатили. Если он ушёл, не дождавшись загрузки, вы оплатили клик и не получили ничего. Медленный сайт делает рекламу дороже ровно в той пропорции, в какой люди не дожидаются.

Что тормозит на самом деле

За годы правок список повторяется почти всегда в одном и том же порядке.

Картинки

Причина номер один, с большим отрывом. Фотография прямо с телефона весит 4–8 мегабайт. На странице таких десять. Итого сайт просит посетителя скачать пятьдесят мегабайт ради страницы, которая в сжатом виде весила бы полтора.

Чинится за час: пережать, перевести в современный формат, задать размеры, включить отложенную загрузку для того, что ниже экрана. Самая выгодная работа по соотношению усилий и результата.

Шрифты

Подключают шесть начертаний, используют два. Каждое — отдельный файл, и пока они грузятся, текст либо не виден, либо прыгает.

Лишние скрипты

Три системы аналитики, виджет обратного звонка, чат, карта, кнопки соцсетей. Каждый тянет своё, и все вместе они часто весят больше, чем весь остальной сайт.

Отдельная история — виджеты, поставленные когда-то и забытые. Мы регулярно находим на сайтах счётчики сервисов, которые давно закрылись: пользы ноль, задержка есть.

Хостинг

Реже, но бывает: сервер отвечает по секунде до того, как браузер вообще начал что-то рисовать. Тут никакая оптимизация картинок не поможет.

Как проверить за пять минут

Возьмите телефон, отключите вайфай и откройте свой сайт на мобильном интернете. Не на офисном вайфае, не на ноутбуке — именно так, как это делает ваш клиент.

Дальше PageSpeed Insights от Google: вставляете адрес, смотрите вкладку «Мобильные». Цифра важна меньше, чем список конкретных замечаний — он отсортирован по влиянию, и первые два-три пункта обычно дают почти весь эффект.

И третье, самое недооценённое: посмотрите в аналитике, сколько людей уходит с первой же страницы именно с телефонов. Если разрыв с компьютерами большой — дело редко в текстах.

Что чинится быстро

  • Пережать картинки и задать им размеры — час работы, самый заметный результат
  • Убрать неиспользуемые шрифты и начертания
  • Выкинуть скрипты, которыми никто не пользуется
  • Включить сжатие и кэширование на сервере
  • Отложить загрузку всего, что ниже первого экрана

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

Чего не стоит делать

Гнаться за сотней баллов. Разница между 70 и 95 для посетителя почти незаметна, а стоит непропорционально дорого. Смысл есть в том, чтобы уйти из красной зоны — дальше лучше вложить те же деньги в тексты или в карточку на картах.

И не оценивайте скорость по ощущениям со своего компьютера: у вас сайт в кэше, у вас быстрый интернет, вы знаете, куда смотреть. Ваш клиент — нет.

Нужен взгляд со стороны на ваш случай? Мы делаем бесплатный экспресс-разбор: смотрим карточки, сайт и соцсети и говорим, где теряются клиенты. Документ остаётся у вас в любом случае.

Читать дальше

Другие статьи