SK Pro Lab
SK Pro Lab Digital agency of full cycle
Рассчитать проект
home Главная chevron_right Блог и статьи chevron_right Выводим интернет-магазин в зеленую зону Google PageSpeed (95+): фасеты, отложенные скрипты и WebP

Выводим интернет-магазин в зеленую зону Google PageSpeed (95+): фасеты, отложенные скрипты и WebP

Реальные шаги по снижению метрик LCP и INP на тяжелых интернет-магазинах под Битрикс без потери функциональности трекинга и счетчиков аналитики.

SK Pro Lab
Команда SK Pro Lab Инженерная база знаний
• 16 апреля 2026 • schedule 4 мин чтения

«Зелёная зона» PageSpeed — это не медаль, а корреляция с конверсией: чем быстрее магазин, тем ниже отказы на мобильных. Разбираем реальный проект: 54/61 баллов на старте → 96/98 после оптимизации, без переезда на другую платформу.

LCP: главный баннер и картинки каталога

check_circleHeros-баннер — WebP/AVIF с width/height в разметке, preload первого экрана
check_circleПревью товаров — через штатную генерацию WebP в Битриксе, lazy loading ниже фолда
check_circleШрифты — font-display: swap и preload двух начертаний, не десяти

INP: главный враг — чужие скрипты

Инп страдает не от вашего jQuery, а от виджетов: чаты, карусели рекомендаций, карты. Всё, что не нужно для первого взаимодействия, грузим после события idle или первого скролла. Счётчики аналитики при этом не теряем: события аккумулируются в очередь и отправляются после загрузки скрипта — треки не пропадают.

// отложенная загрузка сторонних виджетов
const later = () => { /* chat.init(); mapper.init(); */ }; ('requestIdleCallback' in window)   ? requestIdleCallback(later, {timeout: 3000})   : setTimeout(later, 2500);

Серверная часть: фасеты и композит

Быстрый бэкенд — половина LCP: перестроенный фасетный индекс и композитный кэш отдают страницу категории за десятки миллисекунд, а TTFB на мобильных держится в зелёной зоне. Критический CSS инлайном в head, остальное — обычными файлами с кэшированием на год по хешу имени.

Чек-лист зелёной зоны

check_circleЗамерять на мобильном профиле, Throttling Slow 4G, а не на офисном вайфае
check_circleОдин замер — не замер: смотрим медиану по 5 прогонам
check_circleCore Web Vitals берём из CrUX/Search Console, лабораторные — для отладки
check_circleПосле каждой итерации — фиксация в документе: что изменили, что выросло
Нужна такая же автоматизация? Разберём ваш процесс и предложим решение — бесплатно.
forum Обсудить проект

Читайте также

Ещё материалы из инженерной базы знаний SK Pro Lab

1С-Битрикс & Highload
schedule 8 мин
17 сентября 2026

Как ускорить каталог на 1С-Битрикс: методология — фасетные индексы, Redis-кэш и репликация MySQL

Пошаговая методология: как найти узкие места каталога на 1С-Битрикс, перестроить фасетные индексы, разгрузить MySQL через master-slave репликацию и настроить композитный кэш под пиковые нагрузки.

SK Pro Lab
Команда SK Pro Lab
arrow_forward
ИИ-агенты и RAG
schedule 5 мин
12 августа 2026

Внедрение RAG-ассистентов в Bitrix24: как снизить нагрузку на 1-ю линию поддержки на 70% без галлюцинаций LLM

Архитектура векторного поиска Qdrant, обогащение контекстом из открытых линий Битрикс24 и фильтрация ответов нейросети через локальный Guardrails.

SK Pro Lab
Команда SK Pro Lab
arrow_forward
Маркетплейсы и API
schedule 6 мин
15 июля 2026

Бесшовный обмен остатками с Ozon и WB по схеме FBS: как избежать штрафов за отмену заказов при 50 000 SKU

Решаем проблему овербукинга и задержек API маркетплейсов через асинхронные очереди RabbitMQ и микросервисный шлюз на Go с интеграцией в 1С.

SK Pro Lab
Команда SK Pro Lab
arrow_forward

call Позвонить send Telegram calculate Рассчитать