Почему сайт медленно грузится
Сайт чаще всего тормозят четыре вещи: тяжёлые картинки и видео на первом экране, шрифты, лишние скрипты — свои и сторонние — и медленный ответ сервера. Проверить скорость можно бесплатно в PageSpeed Insights: он показывает лабораторный замер на эмуляции телефона и, если у сайта достаточно посетителей, данные реальных пользователей Chrome. Ориентиры Google такие: LCP — время появления главного элемента — не больше 2,5 секунды, INP — отклик на нажатия — не больше 200 миллисекунд, CLS — сдвиги вёрстки — не больше 0,1. Чинить стоит в порядке влияния: сначала то, что мешает показать первый экран, потом всё остальное. Скорость — не волшебный фактор ранжирования, но медленный сайт теряет посетителей ещё до того, как они увидели цену.
Как проверить скорость
Самый доступный способ — PageSpeed Insights от Google: вводите адрес и через минуту получаете оценку от 0 до 100 и список проблем. Тот же движок, Lighthouse, встроен в Chrome — во вкладке разработчика его можно запустить на любой странице.
Лабораторный замер эмулирует недорогой телефон на медленном мобильном интернете, поэтому цифры строже, чем у большинства реальных посетителей. Результат меняется от запуска к запуску на несколько пунктов — сравнивайте серию замеров, а не один. Время ответа сервера с объяснением показывает наша проверка скорости.
Что означают LCP, INP и CLS
Три показателя, которые Google называет основными, — Core Web Vitals.
LCP — главный элемент на экране
Через сколько секунд появляется самый крупный элемент первого экрана: картинка, видео или блок текста. Хорошо — до 2,5 секунды.
INP — отклик на действия
Как быстро страница реагирует на нажатия и ввод. Хорошо — до 200 миллисекунд. Страдает от тяжёлых скриптов.
CLS — сдвиги вёрстки
Насколько прыгает содержимое во время загрузки: человек целится в кнопку, а она уезжает. Хорошо — до 0,1.
Пять частых причин
На сайтах малого бизнеса они встречаются почти всегда в разных сочетаниях.
Тяжёлое медиа на первом экране
Видеофон, слайдер из пяти больших фотографий, картинки, загруженные «как есть» с камеры. Лечится сжатием в WebP или AVIF, правильными размерами под экран и отказом от видео на телефоне.
Шрифты
Несколько гарнитур и начертаний, каждая — отдельный файл. Основной шрифт стоит предзагрузить, второстепенные — убрать. Мы на своём сайте заменили второй шрифт для мелких подписей системным: минус два файла и 52 КБ.
Скрипты
Онлайн-чаты, виджеты, пиксели, счётчики, слайдеры. Каждый тянет свой код и занимает браузер. Сторонние скрипты стоит грузить после основного содержимого.
Сервер
Если страница начинает приходить только через секунду, дело в хостинге или в том, что страница собирается заново на каждый запрос. Помогает кэширование и нормальный хостинг рядом с посетителями.
Платформа
Конструкторы и темы с плагинами грузят свой набор файлов на каждую страницу, нужен он ей или нет. Что из этого чинится, а что нет, разобрано в статье про Тильду и WordPress.
В каком порядке чинить
Сначала первый экран: что является главным элементом, когда он появляется и что его задерживает — стили, шрифты, картинка. Потом скрипты, которые мешают странице отвечать на нажатия. Потом всё, что ниже первого экрана: картинки там можно загружать по мере прокрутки.
После каждого изменения — новый замер. Иначе непонятно, что сработало, а что только добавило сложности.
Чего не стоит делать
Гнаться за сотней баллов ценой работы сайта. Мы на собственном сайте включили приём, который улучшал лабораторный замер: браузер не отрисовывал блоки ниже экрана, пока до них не долистают. А на телефонах он сломал окно выбора способа связи и переходы по якорям. Оценка в лаборатории ничего не стоит, если реальный человек не может оставить заявку. Приём убрали — оценка почти не изменилась.
И не стоит покупать «ускорение» как волшебную кнопку: если сайт упирается в платформу, ускорять придётся вместе с переездом.
Что спрашивают по этой теме
Какой балл PageSpeed считается хорошим?
От 90 до 100 — зелёная зона, от 50 до 89 — есть что улучшить, ниже 50 — плохо. Но балл — это лабораторная оценка. Важнее, укладываются ли реальные показатели посетителей в пороги LCP, INP и CLS.
Почему PageSpeed каждый раз показывает разный результат?
Замер зависит от загрузки сети и серверов в момент проверки. Разброс в несколько пунктов нормален — запустите проверку три-четыре раза и смотрите на средний результат.
Влияет ли скорость на позиции в поиске?
Google учитывает показатели удобства страницы, но релевантность важнее. Яндекс напрямую об этом не говорит, зато учитывает поведение людей — а с медленного сайта уходят раньше. Так что косвенно влияет в обоих поисковиках.
Сколько стоит ускорение сайта?
Зависит от причины. Сжать картинки и убрать лишние виджеты — часы работы. Если сайт упирается в платформу, ускорение превращается в переезд — это уже создание сайта заново.
Что почитать дальше
Разобрать это на вашем сайте
Бесплатный разбор: смотрю сайт и карточки и записываю видео на двадцать минут. Если браться не стоит — скажу и это.
Что входит в разборЗаявка на разбор
Три вопроса — и Telegram откроется с готовым сообщением. Останется нажать «Отправить».
Сайт ничего не сохраняет: сообщение уходит из вашего Telegram или почты. Отвечаю лично, обычно в течение часа в рабочее время. Удобнее позвонить — +7 (995) 927-57-57.