ВойтиСоздать сайт

Скорость · · 2 минуты

PageSpeed простыми словами: почему скорость сайта влияет на заявки

Что измеряет PageSpeed Insights, какие цифры важны и что сделать владельцу сайта, чтобы страницы открывались быстрее на телефоне.

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

Что такое PageSpeed Insights

PageSpeed Insights это бесплатный сервис Google. Вставляете адрес страницы, и через полминуты видите оценку от 0 до 100 для телефона и компьютера и список того, что мешает скорости.

Оценка сама по себе не главное. Важнее три показателя, по которым Google оценивает удобство страницы.

Три шкалы: LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1
Три главные цифры и их хорошие значения

Три главные цифры

  • LCP, загрузка основного содержимого. Через сколько секунд появляется самый крупный элемент первого экрана: заголовок или главное фото. Хорошо, когда меньше 2,5 секунды.
  • INP, отклик на действия. Как быстро страница реагирует на нажатие кнопки или пункта меню. Хорошо, когда меньше 200 миллисекунд.
  • CLS, сдвиги вёрстки. Насколько «прыгает» страница, пока грузится. Хорошо, когда меньше 0,1.

Что зависит от вас

Платформа отвечает за то, как устроены страницы. Но кое-что в руках владельца сайта.

Фото нужного размера

Самая частая причина медленного сайта: фото с телефона на 5–10 МБ, которое на странице показано размером с открытку. Перед загрузкой уменьшите фото до 2000 пикселей по длинной стороне, этого хватает даже для широкого экрана.

Фото 8 МБ и 4000 пикселей уменьшено до 300 КБ и 2000 пикселей и выглядит так же
Уменьшенное фото весит в десятки раз меньше

Меньше сторонних виджетов

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

Видео по клику

Встроенное видео тянет за собой много кода плеера. Если видео не главное на странице, поставьте его ниже первого экрана.

Как проверить

  1. Откройте PageSpeed Insights и вставьте адрес своей главной страницы.
  2. Посмотрите вкладку «Мобильные устройства».
  3. Если внизу есть пункт про изображения, начните с него: обычно это даёт самый большой выигрыш.

Проверяйте не только главную, но и страницу, на которую чаще всего приходят из поиска.