Как проверить скорость сайта в PageSpeed Insights и понять отчёт

Проверка занимает минуту, но отчёт пугает новичков таблицами и терминами. Ниже — порядок действий и разбор того, на что смотреть, а что можно пропустить.

Запустите проверку

Откройте сайт сервиса в браузере. Вход в аккаунт не нужен, кнопки регистрации там нет. В поле вставьте полный адрес страницы — вместе с началом вида «https://» и без лишних пробелов.

Проверяйте не только главную. Если у вас магазин, возьмите карточку товара и страницу корзины, если блог — страницу статьи. Эти страницы собраны по-разному, и результаты у них отличаются.

Переключитесь на мобильные результаты

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

Прочитайте данные реальных посетителей

Если у сайта хватает посещаемости, сверху появится блок с данными настоящих пользователей за последние месяцы. Там три основных показателя:

• Время до появления главного блока — сколько человек ждёт, пока прогрузится самая крупная картинка или заголовок на первом экране.
• Отзывчивость на действия — насколько быстро страница реагирует на нажатие кнопки или ссылки. Долгий отклик обычно означает тяжёлые скрипты.
• Смещение вёрстки — прыгает ли содержимое, когда страница догружается. Когда текст уезжает вниз в момент нажатия, виноват этот показатель.

У каждого показателя своя шкала: зелёный, жёлтый, красный. Цель — зелёный на всех трёх. Этот блок надёжнее оценки в баллах, потому что собран на настоящих устройствах, а не в лаборатории.

Посмотрите на оценку и не гонитесь за сотней

Круглая оценка от 0 до 100 — это лабораторный замер. Зелёная зона начинается от 90, жёлтая — от 50. Запустите проверку дважды подряд, и числа немного разойдутся: на результат влияет загруженность серверов и ответы сторонних сервисов, подключённых к странице.

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

Разберите список причин

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

• Тяжёлые изображения — фотографии загружены в исходном размере с фотоаппарата. Уменьшите их до нужных размеров и сохраните в современном формате; на большинстве конструкторов и движков сайтов это делает плагин.
• Картинки грузятся все сразу — включите отложенную загрузку, чтобы изображения внизу страницы подгружались, когда до них долистали.
• Лишние скрипты — счётчики, чаты, виджеты соцсетей и карты. Уберите то, чем не пользуетесь: каждый такой виджет тянет свои файлы с чужого сервера.
• Медленный ответ сервера — страница начинает приходить с задержкой. Причина обычно в хостинге или в отсутствии кеширования; это вопрос к хостеру или разработчику.
• Шрифты — несколько начертаний по отдельному файлу. Оставьте два-три действительно нужных.
• Нет сжатия и кеширования — настраивается на стороне сервера, обычно это короткая правка в настройках хостинга.

Раздел «Диагностика» ниже написан для разработчика. Его не нужно исправлять целиком: берите оттуда только то, что сервис отметил как заметно влияющее на время загрузки.

Передайте отчёт и проверьте результат

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

После правок проверьте страницу снова. Лабораторная оценка отреагирует сразу, а данные реальных посетителей обновляются постепенно, в течение нескольких недель, — поэтому не пугайтесь, если верхний блок пока показывает прежние числа.

Если что-то пошло не так