Как скорость влияет на заявки?
Напрямую: человек, который ждёт, уходит, и статистика, чтобы это понять, не нужна. На мобильном интернете, особенно в поездке или в роуминге, терпение измеряется секундами. Уходит он молча: вы не увидите ни заявки, ни жалобы, только необъяснимо низкую конверсию.
Обиднее всего, что теряются самые дорогие посетители. Человек из рекламы уже стоил вам денег за клик, и если он закрыл вкладку на загрузке, вы заплатили впустую. Медленный сайт делает рекламу дороже, хотя в кабинете не изменилась ни одна настройка.
С поиском история похожая. Скорость входит в набор сигналов, по которым Google и Яндекс оценивают страницу. Решающим фактором она не считается: плохой быстрый сайт не обгонит хороший медленный. Но при прочих равных разница есть, и косвенная тоже: если люди возвращаются в выдачу через пару секунд после перехода, поисковик это замечает.
Для Пхукета и поездок вообще это особенно заметно. Значительная часть аудитории смотрит сайт с телефона на нестабильном интернете, и то, что на офисном оптоволокне грузится незаметно, там превращается в десять секунд белого экрана. Что ещё учесть в сайте для острова, я описал в статье о сайте для бизнеса на Пхукете.
Почему сайт долго загружается?
По моему опыту, почти всегда из-за одного из пяти пунктов; они идут по убыванию вклада.
Тяжёлые изображения. Причина номер один с огромным отрывом. Фото с телефона весит несколько мегабайт, и если его загрузили на сайт как есть, а браузер сам ужимает его до размера карточки, вы отдаёте посетителю в десятки раз больше данных, чем нужно. На странице с двадцатью такими фото набираются десятки мегабайт.
Шрифты. Каждое подключённое начертание — отдельный файл. Три шрифта по четыре начертания дают двенадцать загрузок и заметную задержку появления текста, хотя часто половина из них на странице вообще не используется.
Чужие скрипты. Счётчики, пиксели рекламных систем, виджеты чатов, карты, формы обратного звонка, всплывающие окна с подпиской. Каждый тянет код с чужого сервера, скорость которого вы не контролируете. Типичная ситуация: сайт сделан аккуратно, но маркетолог за год навесил восемь виджетов, и страница стала вдвое тяжелее.
Дешёвый хостинг. На перегруженном тарифе сервер думает над ответом секунду и больше, ещё до того, как браузер начал что-то рисовать. Оптимизировать картинки при таком сервере — как менять шины на заглохшей машине. Чем приличный хостинг отличается от дешёвого, я разобрал в статье про домен и хостинг.
Конструкторы и универсальные шаблоны. Они грузят код на все случаи, включая тот, который вашей странице не нужен. То же касается сайтов на популярных движках с полутора десятками плагинов: каждый добавляет свои стили и скрипты на все страницы, даже там, где не работает.
Как проверить скорость сайта самому?
За пять минут, в три шага: PageSpeed Insights, вкладка Network в браузере и телефон на мобильном интернете. Технические знания для этого не нужны.
Шаг первый: PageSpeed Insights. Бесплатный сервис Google: вставляете адрес и получаете оценку отдельно для мобильных и для компьютеров. Главное там — список конкретных замечаний под цветным кружком с баллами: в нём написано, какие файлы тяжёлые и сколько времени они стоят.
Сотня баллов не нужна. Разница между 60 и 90 обычно ощутима, между 90 и 100 почти никогда, а стоить последние баллы могут как половина сайта. Ориентируйтесь на ощущение и на время до появления основного контента.
Шаг второй: вкладка Network. В браузере на компьютере нажмите F12, откройте вкладку Network и перезагрузите страницу. Появится список всех загружаемых файлов с размерами и общий вес внизу. Отсортируйте по размеру: в первых строках почти всегда окажутся ваши проблемы, обычно фотографии. Ориентир: страница целиком до полутора-двух мегабайт — хорошо, пять и больше — есть над чем работать.
Шаг третий: телефон в реальных условиях. Откройте сайт через мобильный интернет, без домашнего Wi-Fi, лучше на не самом новом телефоне. Только эта проверка показывает то, что видит клиент.
Как ускорить сайт с минимумом усилий?
Сжать и уменьшить изображения, включить кэширование и ленивую загрузку: эти три действия закрывают большую часть проблем.
Форматы и размеры изображений. Перевод фото в WebP обычно уменьшает вес в два-три раза без видимой потери качества. Изображение не должно быть шире места, где его показывают, а для мобильных стоит отдавать отдельный, меньший вариант. Это самая дешёвая работа с самым заметным эффектом: час-два на средний сайт.
Кэширование. Настройка сервера, которая говорит браузеру: эти файлы не менялись, не скачивай их снова. На первый визит она не влияет, зато следующие страницы открываются почти мгновенно. Настраивается один раз и дальше работает само.
Ленивая загрузка. Изображения ниже первого экрана грузятся, только когда человек до них доскроллил. На длинной странице с галереей эффект огромный: вместо тридцати картинок сразу грузятся три.
Ещё две вещи попроще: убрать неиспользуемые начертания шрифтов и провести ревизию виджетов. Ревизию я советую делать раз в год: откройте список подключённых сервисов и спросите про каждый, пользуется ли им кто-нибудь. Обычно половину можно снять без последствий.
Когда быстрый сайт не спасёт?
Когда на сайте нет цен и понятного описания услуги, когда на него почти не заходят и когда он неудобен на телефоне. Скорость убирает потери, но спроса не создаёт.
Без цен и описания услуги ускорение ничего не изменит: человек уйдёт, потому что не понял, что вы продаёте и сколько это стоит. Если на страницу заходит десять человек в месяц, оптимизация ничего не даст, проблема в трафике. Если сайт неудобен на телефоне, начинать надо с этого: быстро загрузившийся кривой макет всё равно не приведёт к заявке.
У сайта на конструкторе потолок скорости задан платформой. Сжать картинки и убрать лишние блоки можно, это даст улучшение, но дальше вы упираетесь в чужой код. Гнаться там за высокими баллами не стоит. Вопрос переезда решается по другим причинам; о них я писал в статье о переносе сайта с Tilda.
На чём не надо экономить время
На сжатии изображений, нормальном хостинге, проверке на телефоне и контроле виджетов.
Сжимайте каждое новое фото: заведите привычку прогонять снимки через любой онлайн-компрессор перед загрузкой. Нормальный хостинг дороже дешёвого на несколько сотен рублей в месяц, и разница заметна сразу. Проверка на реальном телефоне перед запуском занимает пять минут и ловит половину проблем. И не подключайте сервис, пока не понимаете, что именно он вам даёт.
Если сайт уже тормозит, порядок такой: измерьте, найдите три самых тяжёлых файла и почините их. Обычно на этом можно остановиться: оставшиеся доли секунды стоят дороже, чем приносят.