serikov studio
Все статьи

Как проверить скорость сайта: пошагово и как читать отчёт

Обновлено: 9 мин

Автор: , основатель Serikov Studio · 6+ лет в разработке сайтов

Скорость сайта проверяют в бесплатных сервисах вроде PageSpeed Insights: вставляете адрес страницы, получаете оценку от 0 до 100 отдельно для мобильных и для компьютеров. Смотреть нужно в первую очередь на мобильную версию и на показатели реальных пользователей, а не только на общий балл. Ниже — как провести замер правильно и что в отчёте важно именно вам, а не разработчику.

Содержание

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

Чем мерить: три бесплатных сервиса

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

  • PageSpeed Insights от Google — главный инструмент. Даёт оценку 0–100 отдельно для телефона и компьютера плюс конкретные советы, что замедляет страницу.
  • Яндекс Вебмастер — показывает скорость ваших страниц по данным реальных посетителей из Яндекса. Полезно, потому что это не лабораторный тест, а то, что чувствуют люди.
  • Инструмент разработчика в браузере (вкладка со скоростью в режиме для разработчиков) — для быстрой самопроверки, насколько тяжёлые на странице картинки и файлы.

Начните с PageSpeed Insights: он понятнее остальных и говорит на языке «что исправить». Яндекс Вебмастер подключите, если сайт уже работает и собирает трафик, — как добавить сайт в Вебмастер, мы разбирали отдельно.

Как провести замер по шагам

  1. Откройте PageSpeed Insights (ищется по названию в любом поисковике, это сервис Google).
  2. Вставьте полный адрес страницы, которую проверяете, — именно той, что интересна, а не только главной.
  3. Запустите анализ и подождите: сервис загружает страницу как настоящий посетитель, это занимает несколько секунд.
  4. Посмотрите результат на вкладке для мобильных — она открывается первой и важнее настольной.
  5. Повторите замер 2–3 раза и держите в уме средний балл: единичный результат немного плавает.
  6. Проверьте так же по одной странице каждого типа: услуга, товар или статья, контакты.
Главная ошибка — проверить только главную и успокоиться. Тяжёлые фото и медленные блоки чаще всего живут на внутренних страницах, куда и приходит реклама.

Что в отчёте важно именно вам

Отчёт делится на две части: оценка по данным реальных пользователей (вверху, если данных достаточно) и лабораторный тест с общим баллом. Владельцу бизнеса в первую очередь нужны несколько показателей, остальное — работа разработчика.

Ключевые показатели простыми словами
Что показывает сервисЧто это значит для васХороший ориентир
Общий балл (0–100)Насколько быстро страница в целомВыше 90 — отлично, выше 70 — нормально
Время до первого содержимогоЧерез сколько человек видит хоть что-тоДо 1,8 секунды
Время до главного блокаКогда появляется основной экранДо 2,5 секунды
Сдвиг вёрстки при загрузкеПрыгает ли страница, пока грузитсяЧем ближе к нулю, тем лучше
Задержка на нажатиеБыстро ли сайт реагирует на кликПочти мгновенно

Эти показатели называют Core Web Vitals — их Яндекс и Google учитывают при ранжировании. Что скрывается за каждым и почему они влияют на позиции, подробно разобрано в статье про Core Web Vitals и PageSpeed. Здесь задача проще: научиться их видеть и понимать, в порядке сайт или нет.

Данные реальных пользователей против лабораторного теста

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

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

Частые заблуждения о балле скорости

Вокруг цифры скорости много мифов, из-за которых владельцы либо зря паникуют, либо успокаиваются раньше времени. Разберём самые частые.

  • «Нужно обязательно 100 из 100». Нет. Сто баллов — приятно, но не самоцель. Разница между 92 и 100 человек не почувствует, а гнаться за ней можно бесконечно. Важно уйти из красной зоны и держаться в зелёной.
  • «Балл на компьютере хороший, значит, всё в порядке». Нет. Люди приходят с телефонов, а там условия жёстче. Смотреть надо на мобильную оценку.
  • «Балл низкий — значит, сайт сломан». Не обязательно. Чаще это тяжёлые фото и лишние виджеты, а не поломка. Сайт работает, просто грузится дольше, чем мог бы.
  • «Один раз проверил — и хватит». Нет. После любой крупной правки, добавления баннера или нового блока скорость стоит перемерить: легко незаметно всё испортить одним тяжёлым файлом.

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

Что делать с результатом

Проверка скорости — это диагностика, а не лечение. Она показывает, где болит, но не чинит. Если балл низкий, у вас есть два пути.

  • Простое вы можете поправить сами или силами того, кто ведёт сайт: пережать тяжёлые фото, убрать лишние виджеты и счётчики, отключить ненужные шрифты. С чего начать — в практичной статье как ускорить сайт.
  • Если тормозит сама платформа — конструктор, старая CMS, перегруженные шаблоны, — косметикой не обойтись: придётся менять основу. Почему конструкторы медленные, мы разбирали отдельно.

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

Когда скорость не вылечить настройками

Бывает, что фото пережаты, лишнее отключено, а мобильный балл всё равно держится в красной зоне. Это сигнал, что проблема в фундаменте: платформа отдаёт тяжёлый код, который нельзя убрать из панели управления. На сайтах, собранных на чистом коде, такой потолок встречается редко — поэтому наши сайты и держат PageSpeed 95–100.

Если вы уже упёрлись в этот потолок, мы можем провести бесплатный разбор: измерить скорость, показать, что именно тормозит, и честно сказать, лечится это настройками или нужна новая основа — например, перенос сайта с Tilda на чистый код. Решение остаётся за вами.

Частые вопросы

Какой балл скорости считается нормальным?

Для мобильной версии хорошо, когда балл выше 90, приемлемо — выше 70. Ниже 50 — повод разбираться. Но балл вторичен: важнее, чтобы страница начинала показывать содержимое за пару секунд и не прыгала при загрузке. Наши сайты держат PageSpeed 95–100.

Почему на телефоне балл ниже, чем на компьютере?

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

Балл скачет при повторных проверках — это нормально?

Да, лабораторный тест немного меняется от замера к замеру из-за нагрузки на сервер и сеть. Поэтому проверяйте одну страницу 2–3 раза и ориентируйтесь на средний результат, а не на единичный.

Проверять только главную страницу?

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

Сайт не приносит заявок?

Пришлите адрес текущего сайта: на созвоне назовём причины, а за 3 рабочих дня бесплатно соберём прототип новой главной — быстрой, с понятным оффером и формой.

  • PageSpeed 95–100 на наших сайтах — проверьте сами
  • Перенос с Tilda и WordPress без потери позиций
  • Прототип до оплаты — не подойдёт, ничего не должны

Разработка под ключ

Все услуги

Читайте также