Скорость сайта: почему важна и как проверить

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

Почему это не про перфекционизм

Есть два независимых механизма, и оба работают против медленного сайта.

Люди уходят. Человек, пришедший из поиска, не ждёт. Он возвращается назад и открывает следующую ссылку. Вы платили за этот переход — рекламой или годами продвижения, — и он не состоялся.

Поисковики понижают. Google официально учитывает скорость как фактор ранжирования через набор показателей Core Web Vitals. Яндекс отдельного публичного показателя не выделяет, но тоже считает скорость фактором качества сайта.

Важная деталь: скорость почти никогда не бывает решающим фактором сама по себе. Она работает как гиря — при прочих равных медленный сайт проигрывает быстрому.

Три показателя, которые смотрит Google

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

LCP — как быстро появилось главное

Расшифровывается как Largest Contentful Paint, а на человеческом — через сколько секунд посетитель увидел основное содержимое: крупную картинку или заголовок.

• Хорошо — до 2,5 секунды
• Терпимо — до 4 секунд
• Плохо — дольше

INP — как быстро сайт отвечает на действие

Interaction to Next Paint: сколько проходит между нажатием и видимой реакцией. Открывается ли меню сразу или после заметной паузы.

• Хорошо — до 200 миллисекунд
• Терпимо — до 500
• Плохо — дольше

CLS — насколько «прыгает» вёрстка

Cumulative Layout Shift. Тот самый эффект, когда вы целитесь в ссылку, страница дозагружает картинку, содержимое съезжает вниз, и палец попадает не туда.

• Хорошо — до 0,1
• Терпимо — до 0,25
• Плохо — больше

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

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

Бесплатно и без регистрации.

PageSpeed Insights. Откройте pagespeed.web.dev, вставьте адрес. Смотрите вкладку «Мобильные»: там честнее. Инструмент показывает и лабораторные замеры, и данные реальных пользователей, если их накопилось достаточно.

Search Console. В разделе «Основные интернет-показатели» — картина по всему сайту за последние месяцы, сгруппированная по типам страниц. Полезнее разового замера: видно динамику.

Яндекс.Вебмастер. Раздел с оценкой качества показывает, что Яндекс думает о вашем сайте, включая скорость ответа сервера.

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

Что чаще всего тормозит

По убыванию частоты.

Тяжёлые изображения. Фотография с телефона весит несколько мегабайт, а на странице отображается размером с ладонь. Лечится сжатием, современными форматами и правильными размерами. Это самая частая и самая простая победа.

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

Шрифты. Три начертания по два веса — это шесть файлов, которые грузятся до появления текста. Часто хватает двух.

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

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

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

С чего начать

Если сайт уже работает и хочется улучшить без переделки:

1. Замерьте на pagespeed.web.dev, запишите текущие цифры
2. Пережмите изображения — обычно это даёт больше всего
3. Проверьте список сторонних скриптов, уберите неиспользуемые
4. Задайте размеры изображениям, чтобы вёрстка не прыгала
5. Замерьте снова и сравните

Первые три пункта закрывают большую часть проблем на типичном сайте.

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

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

У меня 60 баллов в PageSpeed. Это плохо? Само число баллов вторично. Смотрите на три показателя выше и на данные реальных пользователей: если LCP укладывается в 2,5 секунды, всё в порядке, даже если общий балл не зелёный.

Нужно ли гнаться за сотней баллов? Нет. Разница между 90 и 100 обычно незаметна человеку и требует непропорционально много работы. Разница между 30 и 70 — заметна сразу.

Влияет ли скорость на позиции в Яндексе? Прямого публичного показателя нет, но медленный сайт хуже удерживает посетителей, а поведенческие сигналы Яндекс учитывает. Работает опосредованно, но работает.

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

Можно ли ускорить сайт без переделки? В большинстве случаев да. Изображения, шрифты и лишние скрипты дают основной выигрыш и не требуют трогать дизайн.