Почему скорость загрузки сайта решает, будет ли заявка

Скорость загрузки это единственное свойство сайта, которое посетитель успевает оценить до того, как что-то увидел. Всё остальное работает только если человек дождался. А дожидаются далеко не все.

Что происходит, пока сайт грузится

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

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

Google это тоже считает

Скорость входит в набор сигналов, по которым Google оценивает страницы. Главный фактор всё-таки релевантность текста, но при прочих равных быстрый сайт окажется выше медленного. Для мобильного поиска разница заметнее: индексирование идёт по мобильной версии, а телефон почти всегда медленнее ноутбука.

Что тормозит чаще всего

Тяжёлые картинки

Самая частая причина из всех, что я вижу. Фотография с телефона весит 4-6 мегабайт, и её ставят на сайт как есть. Браузер честно скачивает все шесть мегабайт, чтобы показать картинку размером с половину экрана.

Лечится в один приём: пережать изображения и сохранить в современном формате вроде WebP. Та же самая фотография в WebP весит в три-пять раз меньше, а на глаз разницы нет.

Плагины, которые никто не считал

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

Анимации

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

Отдельно скажу про вступительную анимацию. Красивое появление блоков на две-три секунды выглядит дорого, но эти секунды посетитель сидит перед почти пустым экраном и не может нажать кнопку. Если анимация задерживает главную кнопку, она стоит вам заявок. Я сам недавно чинил это на своём же сайте.

Шрифты

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

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

Откройте PageSpeed Insights от Google, вставьте адрес и смотрите вкладку «Мобильные», она честнее десктопной.

Потом откройте сайт с телефона по мобильному интернету, а не по Wi-Fi. Это и есть условия вашего реального посетителя.

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

И проверьте вес картинок. В большинстве случаев ни одна картинка на сайте не должна быть тяжелее 300 килобайт.

К чему стремиться

Первый значимый контент виден быстрее двух секунд на мобильном интернете. Главная кнопка нажимается сразу, как только видна. Ни одного изображения тяжелее 300 килобайт. Общий вес главной страницы до полутора мегабайт.

Это достижимые цифры, а не идеал из статей. Если ваш сайт в них не попадает, почти всегда виноваты картинки. Начните с них, самая дешёвая правка с самым заметным результатом.

Если хочется, чтобы посмотрел кто-то со стороны

Напишите мне. Открою ваш сайт, прогоню замеры и скажу конкретно, что тормозит и что из этого можно починить без переделки. Бесплатно. Если чинить нечего, я так и скажу.