По данным Google, каждая дополнительная секунда загрузки страницы снижает конверсию на мобильных устройствах на 20%. Скорость теперь является обязательным условием как для SEO, так и для пользовательского опыта.
Оптимизация изображений
Изображения составляют 60–70% от общего размера страницы на большинстве сайтов. Основные шаги включают переход на формат WebP (на 25–35% меньше, чем JPEG), правильный подбор размеров (не загружать избыточно большие изображения), ленивую загрузку (lazy loading изображений вне области видимости) и адаптивную отдачу изображений с помощью "srcset".
CSS и JavaScript
Неиспользуемые CSS и JS должны быть удалены (tree shaking). Файлы необходимо минифицировать и сжимать (gzip/brotli). Ресурсы, блокирующие отрисовку, следует откладывать с помощью атрибутов async или defer. Критический CSS должен внедряться непосредственно в код страницы (inline).
Кэширование и CDN
Кэширование на стороне браузера: длительный TTL (1 год) для статических файлов. Кэширование на стороне сервера: динамические страницы должны кэшироваться. CDN (Cloudflare, Fastly): статический контент отдается с ближайших к пользователю серверов, что резко снижает задержку. Даже бесплатный тариф Cloudflare дает огромную разницу.
Цели Core Web Vitals
LCP (отрисовка самого крупного контента) < 2.5 с. INP (задержка взаимодействия) < 200 мс. CLS (кумулятивный сдвиг макета) < 0.1. Регулярно проводите измерения с помощью PageSpeed Insights и Lighthouse. Совокупность небольших улучшений дает значительное преимущество в ранжировании.