Оставьте заявку
на расчет стоимости
на расчет стоимости
Скорость загрузки сайта измеряется не секундомером, а тремя метриками Google с точными порогами: отрисовка основного содержимого до 2,5 секунды, отклик на действия до 200 миллисекунд и смещение макета не выше 0,1. Проверяются они по реальным посетителям на 75-м процентиле загрузок, отдельно для мобильных и десктопа. Ниже разберём, чем мерить бесплатно и в каком порядке чинить, чтобы не тратить время на то, что почти ничего не даст.
Потому что до медленной страницы человек просто не доходит. И вы платите за клик, который не превратился ни во что.
Цена обращения — это бюджет, делённый на количество обращений. Каждый посетитель, ушедший до появления первого экрана, уменьшает знаменатель. Реклама при этом не меняется, а заявка дорожает. Та же арифметика, что и с конверсией страницы: разбор с цифрами есть в статье про структуру посадочной страницы.
Основная часть переходов из социальных сетей идёт с телефонов, часто на неидеальной связи. Именно там разница между быстрой и медленной страницей ощущается сильнее всего, а замеры с офисного вайфая её не показывают.
Полезно понимать, что медленная загрузка бьёт не по всем одинаково. Человек, который пришёл из поиска по конкретному запросу и уже настроен, подождёт. Человек, которому реклама показалась в ленте между двумя видео, не подождёт вообще — у него не было намерения, оно только формировалось. Поэтому именно на холодном платном трафике скорость превращается в деньги напрямую: чем холоднее источник, тем дороже обходится каждая лишняя секунда.
Скорость входит в набор сигналов, которые Google учитывает при оценке страниц. Но рассчитывать, что ускорение само поднимет позиции, не стоит: это гигиена, а не рычаг роста.
Три, они называются Core Web Vitals. Каждая отвечает за свою сторону впечатления от страницы.
| Метрика | Что измеряет | Норма |
|---|---|---|
| LCP — Largest Contentful Paint | Загрузку: когда отрисовался самый крупный элемент экрана | до 2,5 секунды |
| INP — Interaction to Next Paint | Интерактивность: как быстро страница отвечает на действия | до 200 миллисекунд |
| CLS — Cumulative Layout Shift | Визуальную стабильность: насколько прыгает содержимое | не выше 0,1 |
Метрика INP пришла на смену прежнему показателю первой задержки ввода и с 2024 года считается стабильной. Google обещает менять состав и пороги Core Web Vitals не чаще раза в год и заранее предупреждать об изменениях.
Есть ещё TTFB — время до первого байта, FCP — первая отрисовка содержимого и TBT — общее время блокировки. В набор Core Web Vitals они не входят, но помогают понять причину: медленный TTFB объясняет плохой LCP, высокий TBT предупреждает о проблемах с INP.
Это способ считать по большинству посетителей, а не по среднему. Страница считается прошедшей проверку, если в норму укладываются три четверти загрузок.
Среднее прячет хвост. Если у половины людей страница открывается за секунду, а у четверти за десять, среднее выглядит приемлемо, а четверть аудитории уходит. Процентиль показывает, что происходит у тех, кому хуже всего, — и именно они уходят чаще.
Это важная деталь: сайт может проходить проверку на десктопе и проваливать её на телефонах. Смотреть надо оба среза, а чинить — в первую очередь мобильный, потому что оттуда идёт основной платный трафик.
Проверка считается пройденной, только если на 75-м процентиле в норму укладываются все три показателя. Хороший LCP при плохом CLS не спасает.
Полевые собираются с живых посетителей, лабораторные — с тестового прогона. Первые говорят, что происходит на самом деле, вторые — почему.
Обезличенные данные реальных пользователей Chrome. Их видно в PageSpeed Insights, в отчёте Core Web Vitals в Search Console и в Chrome UX Report. Это то, по чему Google оценивает страницу.
Синтетический прогон на заданной скорости и заданном устройстве. Нужен, чтобы найти причину и проверить правку до выкатки. Важное ограничение: Lighthouse не измеряет INP и показывает вместо него TBT.
Потому что у ваших посетителей другие телефоны, другая связь и другое поведение. Лаборатория показывает идеальный сценарий. Ориентироваться на неё как на приёмку — типичная ошибка: правки сделаны, зелёный цвет получен, а полевые данные не сдвинулись.
Что сейчас мешает вашей рекламе?
Ответьте на шесть вопросов — разберём кабинет, сайт и обработку заявок.
Хватает трёх инструментов, и все они бесплатные. Платные сервисы нужны позже, для постоянного мониторинга.
Группы адресов в Search Console. Если проваливается один шаблон страниц, чинить надо шаблон, а не отдельные страницы. Это экономит основную часть работы.
Ни один из них не скажет, теряете ли вы заявки. Они меряют технику, а не поведение: страница может укладываться во все пороги и при этом не давать обращений, потому что на первом экране непонятно, что вы продаёте. Обратное тоже верно — сильное предложение вытягивает и не самую быструю страницу. Поэтому скорость мы всегда смотрим вместе с конверсией, а не вместо неё.
Полевые данные обновляются с задержкой, поэтому смотреть их каждый день бессмысленно. Разумный ритм — раз в 2 недели и обязательно после каждой выкатки.
Картинки и ответ сервера. На эти две вещи приходится большая часть проблем, которые мы видим на сайтах клиентов.
Сначала вес и формат изображений первого экрана. Потом ответ сервера — пока он медленный, оптимизировать остальное бессмысленно. Потом скрипты, которые блокируют отрисовку. И только после этого шрифты, размеры под элементы и тяжёлый JavaScript.
Он выстроен по отдаче: первые три пункта чаще всего вытаскивают метрику из красной зоны, последние три дают заметный, но меньший эффект. Начинать с минификации кода, пока на первом экране лежит фотография на 4 мегабайта, — потерянное время.
Погоня за общей оценкой в лабораторном прогоне. Последние баллы даются переписыванием кода темы и отказом от функций, которыми вы реально пользуетесь. Проверка Google считается пройденной по трём метрикам на реальных посетителях, а не по цифре в отчёте, поэтому останавливаться нужно на зелёной зоне, а не на сотне.
Меняйте что-то одно и замеряйте. Если выкатить пять правок разом, вы не узнаете, какая сработала, а какая наоборот ухудшила.
Уменьшить, сжать и не грузить лишнее. Самая дешёвая работа с самой большой отдачей.
Фотография с телефона весит несколько мегабайт, а на экране занимает половину ширины. Изображение нужно пересохранить в тот размер, в котором оно реально показывается, и в современном формате.
Всё, что ниже первого экрана, грузится по мере прокрутки. А вот главную картинку первого экрана откладывать нельзя — именно она обычно и есть тот самый крупный элемент, по которому считается LCP.
Раз уж вы трогаете изображения, добавьте им осмысленные описания. Google в руководстве по поисковой оптимизации прямо советует давать содержательный альтернативный текст: он объясняет, что на картинке и как она связана с содержимым страницы.
Пересчитать их и убрать всё, чем не пользуетесь. На типичном сайте набирается несколько лишних.
Чаты, обратный звонок, всплывающие окна, счётчики, пиксели, карты, виджеты отзывов. Каждый тянет свой код. Половина обычно осталась от прошлых подрядчиков и никем не используется.
Всё, что не нужно для отрисовки первого экрана. Чат и виджет обратного звонка спокойно подключаются после загрузки основного содержимого — посетитель всё равно не нажмёт на них в первую секунду.
Отдельная история: они не только тормозят, но и мешают. Google в том же руководстве рекомендует избегать межстраничных объявлений, занимающих весь экран. На мобильном такое окно на третьей секунде закрывает страницу целиком.
Что сейчас мешает вашей рекламе?
Ответьте на шесть вопросов — разберём кабинет, сайт и обработку заявок.
Потому что браузер не знает заранее, сколько места займёт элемент. Это и есть смещение макета, третья метрика набора.
Если у изображения не заданы ширина и высота, текст сначала занимает его место, а потом сдвигается вниз. Человек в этот момент промахивается мимо кнопки — и это раздражает сильнее, чем лишняя секунда загрузки.
Полоса с акцией или согласием на cookie, вставленная над содержимым после загрузки, сдвигает всю страницу. Место под неё нужно резервировать заранее.
Рекламные блоки, виджеты отзывов и встроенные видео подгружаются асинхронно и занимают место уже после того, как человек начал читать. Если высота такого блока заранее не задана, страница дёргается ровно в тот момент, когда посетитель тянется к кнопке. Решение то же, что и с картинками: зарезервировать место под элемент, даже если он появится через секунду.
Текст сначала рисуется системным шрифтом, потом подменяется фирменным — и переверстывается. Лечится предзагрузкой шрифта и подбором запасного с близкими пропорциями.
Основная часть работы — это несколько часов, а не отдельный проект. Останавливаться стоит, когда метрики в зелёной зоне.
Пересжатие картинок и правка шаблона — обычно один рабочий день. Ускорение сервера зависит от хостинга и движка: иногда это смена тарифа, иногда переработка. Гнаться за 100 баллами в лабораторном прогоне не нужно — проверка проходится по трём метрикам, а не по общей оценке.
Когда полевые данные показывают норму по всем трём показателям на мобильных. Дальнейшая оптимизация даёт всё меньше, а рисков ломает всё больше. Освободившееся время лучше потратить на оффер и содержание страницы — там потолок выше.
С заявками и их ценой, а не с баллами. Прикинуть, какая цена обращения допустима при вашей марже, помогает калькулятор декомпозиции прибыли, а посчитать итог по каналу — материал про окупаемость рекламы.
Если сайт уже рекламируется, начните с отчёта Core Web Vitals в Search Console и разбора одной посадочной в PageSpeed Insights. Обе проверки бесплатны и занимают 15 минут, а список правок после них обычно точнее любого аудита.
По нормам Google — отрисовка основного содержимого за 2,5 секунды. Плюс отклик на действия до 200 миллисекунд и смещение макета не выше 0,1.
Это 3 метрики Google: LCP, INP и CLS. Они отвечают за загрузку, интерактивность и визуальную стабильность страницы.
Потому что лабораторный прогон каждый раз новый. Опираться надо на полевые данные — они собраны с реальных посетителей за 28 дней и меняются плавно.
Хватит 2 бесплатных инструментов. Search Console покажет проблемные адреса по всему сайту, PageSpeed Insights разберёт конкретную страницу.
Картинки первого экрана и ответ сервера. Это 2 причины, на которые приходится большая часть проблем со скоростью.
Само по себе — вряд ли. Скорость — 1 сигнал из множества, которые учитывает Google. Это гигиена: она не заменяет содержание страницы.
Скорость меряется не ощущением и не общей оценкой в баллах, а тремя метриками с конкретными порогами и на реальных посетителях. Смотреть нужно полевые данные и отдельно мобильный срез — там живёт основная часть платного трафика.
Чинить стоит по отдаче: сначала картинки и ответ сервера, потом блокирующие скрипты, потом всё остальное. И останавливаться, когда все три показателя в норме, — дальше выгоднее вкладываться в предложение и содержание страницы.
Посмотрим полевые данные, найдём, что тормозит первый экран, и назовём, что править первым. Бесплатно, один рабочий день.
Сергей Данцев — основатель performance-агентства 1001-LEAD. 8 лет в перформанс-маркетинге, Google Ads и Meta Ads, проекты в Украине и Турции. Подробнее об авторе. Опубликовано .
Обновлен:
13.07.2022
