Веб-студия полного цикла в Москве

Core Web Vitals для интернет-магазина: LCP, INP, CLS в WooCommerce 2026

Интернет-магазины

Core Web Vitals для интернет-магазина: как улучшить показатели

Core Web Vitals (CWV) — три метрики, которые Google использует как фактор ранжирования с 2021 года. Для магазинов они особенно критичны: много изображений, JavaScript и динамического контента.

Виктория, Проектный менеджер
· 2 мин чтения

Core Web Vitals (CWV) — три метрики, которые Google использует как фактор ранжирования с 2021 года. Для магазинов они особенно критичны: много изображений, JavaScript и динамического контента.


Три метрики Core Web Vitals

Данные исследований

По данным Google (Think with Google, 2018), 53% мобильных пользователей покидают сайт при загрузке дольше 3 секунд. По данным Core Web Vitals (Google Search Console, 2025), только 35% российских интернет-магазинов проходят все три пороговые метрики LCP, INP и CLS. Akamai Research: 100 мс задержки = −1% к конверсии.

LCP — Largest Contentful Paint

Время до появления наибольшего элемента на экране (обычно главное изображение товара или баннер).

Цель: < 2.5 секунды

Частые проблемы в магазинах: — Главный баннер — тяжёлое изображение без оптимизации — Изображение грузится через CSS background (а не тег ) — плохо для LCP — Сервер медленно отвечает (высокий TTFB)

Решения: — Оптимизируйте главное изображение: WebP, сжатие, правильный размер — Используйте rel="preload" для главного изображения — Ускорьте хостинг или добавьте CDN

INP — Interaction to Next Paint (заменил FID в 2024)

Время между действием пользователя (клик, нажатие) и визуальным откликом страницы.

Цель: < 200 мс

Частые проблемы: — Тяжёлые JavaScript-скрипты (слайдеры, чат-виджеты, плагины) — Блокирующий JS в

Решения: — Откладывайте загрузку некритических скриптов (defer, async) — Удалите неиспользуемые плагины с JS — WP Rocket → настройка «Отложить выполнение JS»

CLS — Cumulative Layout Shift

Насколько элементы «прыгают» при загрузке страницы.

Цель: < 0.1

Частые проблемы в магазинах: — Изображения без указания размеров (width и height) — Баннеры и поп-апы, которые появляются и сдвигают контент — Шрифты, загружающиеся с задержкой и меняющие верстку

Решения: — Всегда указывайте width и height для тегов — Резервируйте место под рекламные блоки и баннеры — Используйте font-display: swap для веб-шрифтов


Как измерить CWV для вашего магазина

PageSpeed Insights: данные Field Data (реальные пользователи) и Lab Data (симуляция).

Google Search Console → Core Web Vitals: отчёт по всем страницам, распределение «Хорошо / Требует улучшения / Плохо».

Chrome User Experience Report (CrUX): агрегированные данные по реальным пользователям Chrome.


WooCommerce-специфика

Страницы WooCommerce особенно страдают из-за: — Корзина и Mini Cart — сложный JS — Stripe/ЮKassa виджеты — добавляют скрипты — Плагины отзывов, рейтингов — дополнительный JS

Используйте WP Rocket или LiteSpeed Cache для отложенной загрузки этих скриптов.


Улучшаем Core Web Vitals магазина до зелёных показателей — с гарантированным результатом.

Часто задаваемые вопросы

Как увеличить продажи в интернет-магазине?

Рост продаж достигается комбинацией факторов: быстрая загрузка страниц, удобная навигация, качественные описания товаров, работа с отзывами и SEO-продвижение. Также важны email-маркетинг и ретаргетинг для возврата посетителей.

Можно ли запустить интернет-магазин самостоятельно?

На конструкторах (Тильда, Ecwid) — да, но с ограниченным функционалом. Для полноценного магазина с каталогом, корзиной и интеграциями требуются технические знания или помощь разработчика.

Как выбрать подрядчика для разработки?

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

Как подготовить товарный каталог к запуску?

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

Granula Studio · Интернет-магазины

Хотите понять, сколько может приносить собственный интернет-магазин?

Мы разрабатываем интернет-магазины для товарного бизнеса и помогаем выстроить систему продаж: от структуры и каталога до продвижения, аналитики и стабильных заказов.

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

Разобрать вашу нишу и точки роста

— Наши услуги

Хотите заказать?

Обсудим ваш проект? Расчёт пришлём за 2 часаОбсудить проект →
Нажимая кнопку на сайте, вы даёте своё согласие на обработку персональных данных в целях обработки вашего запроса и связи с вами. Мы обрабатываем ваши персональные данные строго в соответствии с Политикой конфиденциальности и Согласием на обработку персональных данных. Срок хранения персональных данных — не более 3 лет с момента получения согласия. По истечении срока данные удаляются или обезличиваются. Данные не передаются третьим лицам.

Да, мы тоже используем куки. Без них сайт начинает чудить и жить своей жизнью.

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

Хватит уже листать — давайте создавать

Расскажите, что хотите — а мы сделаем так, чтобы ваш бренд выглядел так, что мимо не пройти
MAX