Почему скорость загрузки важна для SEO

Google официально включил скорость загрузки в факторы ранжирования ещё в 2010 году для десктопа и в 2018 году для мобильных устройств. С 2021 года Core Web Vitals — метрики скорости и стабильности — стали частью алгоритма Page Experience.

Медленный сайт проигрывает конкурентам по нескольким причинам:

  • Поисковый робот тратит больше времени на обход и индексирует меньше страниц
  • Пользователи уходят не дождавшись загрузки — растёт показатель отказов
  • Конверсия падает — Amazon подсчитал что 100мс задержки снижают продажи на 1%
  • Поисковики напрямую понижают медленные сайты в выдаче

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

Инструменты для проверки:

  • Google PageSpeed Insights — бесплатно, показывает Core Web Vitals и конкретные рекомендации
  • Web.dev — развёрнутый отчёт по всем метрикам производительности
  • Яндекс Вебмастер — скорость в разделе "Качество сайта"
  • Audit4SEO — автоматическая проверка скорости в составе полного SEO аудита за 30 секунд
i

Проверяйте скорость отдельно для мобильных и десктопа. Google использует mobile-first индексацию, поэтому мобильная скорость важнее.

Нормы скорости загрузки (Core Web Vitals)

LCP — Largest Contentful Paint (загрузка главного контента)

< 2.5сХорошо
2.5–4сНужно улучшить
> 4сПлохо

CLS — Cumulative Layout Shift (визуальная стабильность)

< 0.1Хорошо
0.1–0.25Нужно улучшить
> 0.25Плохо

INP — Interaction to Next Paint (отзывчивость)

< 200мсХорошо
200–500мсНужно улучшить
> 500мсПлохо

Причины медленной загрузки

  • Неоптимизированные изображения — самая частая причина. PNG вместо WebP, огромные размеры без сжатия
  • Нет кэширования браузера — каждый раз загружает все ресурсы заново
  • Блокирующий JavaScript — скрипты в <head> задерживают отрисовку страницы
  • Медленный хостинг — дешёвый shared хостинг с перегруженными серверами
  • Нет GZIP/Brotli сжатия — файлы передаются без сжатия, занимают больше трафика
  • Много HTTP-запросов — десятки отдельных CSS и JS файлов вместо объединённых
  • Нет CDN — сервер далеко от пользователя, высокий TTFB
  • Тяжёлые шрифты — загрузка нескольких начертаний Google Fonts

Как ускорить сайт — чек-лист

Изображения:

  • Конвертируйте PNG/JPG в формат WebP — экономия 25-35% размера
  • Используйте атрибут loading="lazy" для изображений ниже fold
  • Задавайте явные размеры width и height чтобы избежать CLS
  • Сжимайте изображения через TinyPNG или Squoosh

Код и ресурсы:

  • Минифицируйте CSS, JavaScript и HTML
  • Переносите скрипты в конец <body> или используйте defer/async
  • Объединяйте несколько CSS файлов в один
  • Удалите неиспользуемый CSS и JavaScript

Сервер и кэширование:

  • Включите GZIP или Brotli сжатие на сервере
  • Настройте кэширование браузера (Cache-Control headers)
  • Используйте CDN для статических файлов
  • Перейдите на хостинг с SSD и HTTP/2
i

Быстрый выигрыш: оптимизация изображений и включение GZIP сжатия обычно даёт прирост скорости на 40-60% без изменения кода сайта.