Индекс скорости загрузки страницы

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

Оговорю сразу: сама по себе цифра индекса скорости не самоцель. Решения принимаются по другому набору показателей, а этот удобен как обобщающая оценка — он одной цифрой описывает то, что человек чувствует, открывая страницу. В SEO я с 2005 года и ускорял десятки клиентских сайтов; порядок работ, который приведён дальше, отсортирован по отдаче, а не по популярности советов.

Что именно измеряет индекс скорости

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

Значение	Оценка	Что это значит на практике
до 1,3 с	Хорошо	Человек видит содержание почти сразу, ощущения ожидания нет
1,3–2,3 с	Требует внимания	Заметная пауза перед появлением текста, часть посетителей начинает уходить
больше 2,3 с	Плохо	Ожидание ощущается как проблема сайта, растут отказы на мобильных

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

По каким показателям принимаются решения

Индекс скорости хорош как обобщение, но чинить по нему нечего: он не говорит, что именно медленное. Для этого есть набор показателей, каждый из которых указывает на конкретный участок.

Показатель	Что измеряет	Норма	Где искать причину
TTFB	Время до первого байта ответа сервера	до 0,5 с	Хостинг, кеширование, версия PHP, запросы к базе
LCP	Когда появился главный элемент первого экрана	до 2,5 с	Ответ сервера, вес картинки первого экрана, блокирующие стили
CLS	Сдвиги вёрстки во время загрузки	до 0,1	Картинки и рекламные блоки без заданных размеров, шрифты
INP	Отклик страницы на действия человека	до 200 мс	Тяжёлые скрипты, длинные задачи в основном потоке

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

Где смотреть и чему верить

Инструменты проверки скорости показывают два принципиально разных набора данных, и путаница между ними стоит владельцам сайтов недель бесполезной работы.

• Синтетический замер. Верхний блок отчёта — это один прогон на условном устройстве с условным каналом связи. Он воспроизводим, удобен для сравнения «до и после», но к вашей реальной аудитории отношения не имеет.
• Данные реальных посетителей. Если их накопилось достаточно, инструмент показывает их отдельным блоком. Это то, что действительно происходит у ваших людей, на их устройствах и их связи. Ориентироваться нужно на них.
• Яндекс не индексирует страницу: 8 причин и порядок проверки

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

Если нужны детали, смотрите «Как увеличить скорость загрузки сайта Wordress».

Третий источник, о котором забывают, — счётчик аналитики. В нём видно фактическое время загрузки у ваших посетителей в разбивке по устройствам, браузерам и регионам. Это самая честная картина из доступных, потому что она построена не на модели, а на вашей аудитории.

Помогу с продвижением: заказать продвижение сайта — вывожу сайты в топ Яндекса белыми методами.

О роли хостинга и настроек сервера в продвижении:

2:36

Что портит показатель: разбор по источникам

По практике причины распределяются примерно в таком порядке значимости.

Источник задержки	Почему замедляет	Чем лечится
Медленный ответ сервера	Если первый байт приходит через секунду с лишним, быстрее уже ничего не будет — вся остальная работа упирается в этот потолок	Кеширование страниц, актуальная версия PHP, разбор тяжёлых запросов к базе, смена хостинга
Блокирующие ресурсы в head	Браузер обязан загрузить и разобрать каждый такой файл до первой отрисовки	Критические стили в саму страницу, остальное — отложенной загрузкой
Тяжёлые картинки первого экрана	Главный элемент экрана не появится, пока не придёт изображение	Современные форматы вместо jpg, уменьшение до реального размера отображения
Шрифты	Пока файл не загружен, текст либо невидим, либо перерисовывается со сменой начертания	Свойство font-display, предзагрузка основного начертания, отказ от лишних
Сторонние скрипты	Чаты, счётчики, пиксели рекламных систем тянут цепочки запросов к чужим доменам	Подключение после загрузки страницы, отказ от дублирующих счётчиков
Избыточные расширения движка	Каждое добавляет свои файлы стилей и скриптов на все страницы сайта	Ревизия списка, удаление неиспользуемых, ограничение вывода по типам страниц

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

Что даёт наибольший эффект

Порядок работ по отдаче, который применяю на клиентских сайтах. Он сознательно отсортирован так, чтобы первые пункты дали основную часть результата за минимальное время.

Подробнее об этом — в статье «Как повысить скорость загрузки сайта».

1. Кеширование страниц. Готовый HTML вместо сборки при каждом обращении — самое дешёвое улучшение из всех, обычно ускорение вдвое за час работы. Осторожность нужна только там, где на страницах есть формы и динамика: полностраничный кеш умеет их ломать, и это надо проверять сразу после включения.
2. Актуальная версия PHP. Переход с устаревшей ветки на текущую даёт заметный выигрыш без единой правки кода. Требует проверки совместимости, но эта проверка занимает меньше времени, чем любая ручная оптимизация.
3. Критический CSS. Стили первого экрана встраиваются прямо в страницу, всё остальное грузится отложенно. Сильнее прочего меняет именно ощущение скорости, то есть тот самый индекс.
4. Картинки в современных форматах с указанными размерами. Двойная выгода: страница легчает, и заодно уходят сдвиги вёрстки.
5. Отложенная загрузка всего ниже первого экрана — картинок, карт, встроенных видео, виджетов.
6. Сторонние скрипты после загрузки страницы. Чат и счётчики не нужны в первую секунду, а весят обычно больше, чем весь текст материала.
7. Чистка расширений и шрифтовых начертаний. Последний по отдаче пункт, но он не даёт результату откатываться назад.

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

Как измерять правильно

1. Замерьте ответ сервера отдельно от страницы. Это первым же действием отделяет проблемы хостинга от проблем вёрстки и определяет весь дальнейший план.
2. Прогоните страницу через инструмент проверки скорости три-четыре раза и обязательно откройте блок реальных данных, если он есть.
3. Откройте вкладку сетевых запросов в браузере: видно, что грузится, сколько весит и что блокирует отрисовку. Отсортируйте по размеру и по времени — виновники обычно оказываются в первой пятёрке.
4. Проверьте на настоящем телефоне через мобильный интернет, а не через домашнюю сеть. Это единственный способ увидеть страницу глазами половины своей аудитории.
5. Сравните с данными счётчика: там видно фактическое время загрузки в разбивке по устройствам и регионам.
6. Замеряйте по одной странице каждого типа: главная, раздел, карточка или статья. Они устроены по-разному, и общий вывод по главной обычно неверен для остальных.

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

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

Важное правило измерений: одна правка — один замер. Если включить кеширование, переделать картинки и убрать три расширения за один заход, вы получите итоговое улучшение, но не будете знать, что именно сработало. А это знание пригодится через полгода, когда показатели снова поползут вниз.

Когда пора остановиться

Если нужна помощь по теме — курсы SEO-оптимизации.

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

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

Тему разбирал отдельно: «Поисковый индекс».

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

Ошибки, из-за которых оптимизация не даёт результата

Ошибка	Что происходит	Как правильно
Начинают с картинок при медленном сервере	Страница легчает, а ощущение скорости не меняется — потолок задан ответом сервера	Сначала замерить ответ сервера и при необходимости заняться им
Судят по настольной версии	Показатели зелёные, а трафик с телефонов продолжает отваливаться	Оценивать по мобильным значениям и проверять на реальном устройстве
Ставят ускоряющее расширение поверх проблемы	Добавляется ещё один слой кода, конфликтующий с темой	Устранять причину, а не маскировать её дополнительным расширением
Откладывают загрузку картинок первого экрана	Главный элемент появляется позже, показатели ухудшаются	Отложенная загрузка только для того, что ниже видимой области
Замеряют один раз и делают вывод	Случайная задержка принимается за системную проблему	Несколько прогонов подряд плюс данные реальных посетителей

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

Что важнее: индекс скорости или набор основных показателей?

Решения принимаются по основным показателям, потому что каждый из них указывает на конкретную причину. Индекс скорости удобен как одна обобщающая цифра для отслеживания динамики.

Почему инструмент показывает разные результаты при повторных проверках?

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

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

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

Нужно ли добиваться ста баллов?

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

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

С замера ответа сервера. Если он больше секунды, дальше смотреть нет смысла: начинайте с кеширования, версии PHP и, если это не помогло, с разговора о смене хостинга.

Влияет ли скорость на индексацию?

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

Коротко

• Индекс скорости измеряет, как быстро экран выглядит заполненным, а не момент окончания загрузки.
• Ориентир для мобильных — до 1,3 секунды; оценивать нужно именно мобильные значения.
• Ответ сервера дольше секунды делает всю остальную оптимизацию бессмысленной, поэтому замер начинается с него.
• Наибольшую отдачу дают кеширование, актуальная версия PHP, критические стили и картинки в современных форматах с указанными размерами.
• Сдвиги вёрстки чинятся дешевле всего, а раздражают людей сильнее самой медленной загрузки.
• Выводы делаются по данным реальных посетителей, а не по синтетическому баллу, и одна правка проверяется одним замером.
• Яндекс не индексирует страницу: 8 причин и порядок проверки

Если показатели скорости упорно не сдвигаются, а причина непонятна — разберём вашу конкретную страницу по источникам задержки и составим порядок работ на SEO-консультации.