Скорость - единственная проблема сайта, на которую никто не жалуется. Посетители не пишут вам, что страница грузилась шесть секунд. Они просто уходят, и вы так и не узнаёте, что они были.
Это объяснение простыми словами: что делает сайт медленным, как примерно за две минуты проверить свой и какие исправления действительно стоит кому-то оплатить.
Почему это важно не только очевидным образом
Когда сайт медленный, происходят две отдельные вещи.
Люди уходят. Особенно с телефонов, на обычном мобильном интернете, вдали от офисного Wi-Fi. Посетитель, который ушёл до того, как страница отрисовалась, в аналитике неотличим от посетителя, которого никогда не было.
Google это замечает. Удобство страницы, включая скорость загрузки, входит в то, как Google оценивает страницы. Плохой текст это не спасёт: быстрая страница ни о чём по-прежнему ранжируется ни по чему. Но между двумя сопоставимыми страницами скорость - реальный решающий довод, и Google измеряет её по данным настоящих пользователей Chrome, а не по лабораторному тесту.
Три измерения, которые имеют значение
Google объединяет их под названием Core Web Vitals. Простыми словами:
LCP, Largest Contentful Paint. Через сколько времени появляется главное на странице. Обычно это картинка на первом экране или заголовок. Цель - меньше 2,5 секунды. Именно тут проваливается большинство сайтов, и обычно виновата огромная картинка.
CLS, Cumulative Layout Shift. Насколько страница прыгает во время загрузки. Вы это видели: собираетесь нажать кнопку, над ней подгружается реклама или картинка, и вы нажимаете что-то другое. Причины - картинки без зарезервированного места, поздно загружающиеся шрифты и вставляемые баннеры.
INP, Interaction to Next Paint. Как быстро страница отвечает, когда человек нажимает или кликает. Страница может выглядеть загруженной и всё ещё не реагировать, потому что браузер занят выполнением скриптов.
Как проверить свой за две минуты
Прогоните главную страницу через Google PageSpeed Insights. А затем, и именно эту часть обычно пропускают, сделайте две вещи:
- Смотрите на оценку для мобильных, а не для десктопа. Десктопная льстит и ни о чём не говорит. Ваши клиенты сидят с телефонов.
- Смотрите на полевые данные, если они показаны. Этот раздел отражает настоящих посетителей за последний месяц. Лабораторная оценка под ним - симуляция. Если они расходятся, верьте полевым данным.
Потом проверьте страницу, которая действительно важна, а не только главную. Страницы товаров и услуг обычно тяжелее, и деньги именно там.
Обычные причины, примерно по порядку
Картинки. С большим отрывом самая частая. Фото прямо с телефона может весить несколько мегабайт, и часто браузер сжимает его уже после того, как скачал целиком. Правильно подобранный размер и современный формат картинок чинят больше медленных сайтов, чем любое другое отдельное изменение.
Слишком много сторонних скриптов. Виджеты чата, аналитика, пиксели, тепловые карты, встроенные отзывы, баннеры cookie. По отдельности каждый маленький. Вместе они могут весить больше всего вашего сайта, и каждый - это запрос к серверу, который вы не контролируете.
Раздутые плагины и темы. Часто встречается на WordPress и в магазинах на Shopify с купленной темой и дюжиной приложений. Вы загружаете код для каждой функции темы, включая те девяносто процентов, которыми не пользуетесь.
Неправильно загружаемые шрифты. Собственные шрифты - это нормально. Загружать пять начертаний трёх семейств и не показывать текст, пока они не придут, - нет.
Нет кеширования или слабый хостинг. Дешёвый виртуальный хостинг под нагрузкой перечеркнёт хорошую работу во всём остальном.
Что стоит оплатить
Дёшево и с большой отдачей: сжать картинки и подобрать им правильный размер, убрать скрипты, которыми никто не пользуется, остановить прыжки вёрстки, зарезервировав место под картинки, сократить шрифты. На большинстве сайтов это день работы и самое заметное улучшение.
Стоит, если в остальном сайт крепкий: нормальное кеширование, порядок в том, как загружаются скрипты, замена тяжёлых плагинов на лёгкие аналоги.
Стоит только если сайт действительно доделан: тонкая оптимизация сайта, который и так быстрый. Как только вы в приличной форме, отдача быстро падает.
Не стоит: пересобирать сайт только ради скорости, когда у него есть и другие проблемы. Если структура и тексты тоже не те, вы заплатите дважды.
Честная оговорка
Скорость необходима, но не достаточна. Быстрый сайт, которому нечего сказать, никого не превращает в клиента, и никакая оптимизация не заменит страницу, которая не отвечает на вопрос, с которым пришёл посетитель. Чините скорость, потому что она убирает повод уйти, а не потому, что это стратегия роста.
При этом это одна из немногих проблем, где можно измерить «до» и «после», поэтому с неё хорошо начинать, когда непонятно, что именно не так.
Если хотите, чтобы кто-то посмотрел ваш сайт и прямо сказал, какая из причин выше к нему относится, пришлите его. Конкретный список вы получите в течение двух рабочих дней, будете вы что-то с ним делать или нет.