Skip to main content

Оптимизация скорости загрузки карточек товаров на 1С-Битрикс: изображения 1С и автоматическое масштабирование

Заказчик — владелец интернет-магазина на 1С-Битрикс, размещённого на собственном VPS. Сайт эксплуатируется несколько лет, имеет развитый каталог с карточками товаров. На карточки товаров настроена рекламная кампания в Яндекс.Директе — это основной платный канал привлечения клиентов. Все работы по аудиту, оптимизации изображений и переписыванию шаблона я выполнил лично за 4 рабочих дня. Обезличивание: домен сайта, название компании-заказчика и контактные данные в публичной версии кейса не приводятся. Я базируюсь в Москве и работаю с заказчиками из любого региона РФ, СНГ и за рубежом — в данном случае все работы были выполнены удалённо.

Проблема

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

Слив рекламного бюджета

На карточки товаров настроена рекламная кампания в Яндекс.Директе. Клиент платит за каждый переход — но многие пользователи, переходя по рекламе, уходили с сайта, не дождавшись загрузки. Для клиента это прямой слив бюджета: деньги за клик заплачены, а пользователь не стал клиентом. Это типичная, но часто неосознаваемая проблема: владельцы бизнеса думают, что реклама «не работает», хотя на самом деле сайт физически не справляется с показом страницы за приемлемое время.

Вопрос «почему?»

Клиент задал мне ключевой вопрос: почему? Сайт долго грузится, но причины неочевидны. Сервер достаточно мощный, интернет у самого клиента хороший, шаблон кажется стандартным. Нужен был полноценный технический аудит, чтобы понять корень проблемы — потому что без понимания причины любые «ускорения» были бы стрельбой вслепую.

Аудит: как была найдена причина

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

 

Этап аудита Что проверялось / выяснилось
1. Проверка шаблонов на циклы Первым делом проверен код шаблонов на возможные множественные циклы (foreach/for в PHP) — типичная причина тормозов. Проблема не подтвердилась.
2. Технический SEO-аудит Проведён полный технический SEO-аудит. Внимание переключилось на ресурсы — изображения, скрипты, стили.
3. Анализ выгрузки из 1С Выяснилось: при обмене с 1С на сайт выгружаются большие изображения без какой-либо оптимизации.
4. Анализ работы контент-менеджера Контент-менеджер не озадачивался проблемой веса изображений и загружал фотографии, порой весившие до 10 МБ каждая.
5. Анализ веса одной карточки товара С учётом нескольких изображений в одной карточке, общий вес страницы мог составлять 30–50 МБ — катастрофа для пользователя.
6. Анализ целевой аудитории У многих пользователей либо мобильный интернет, либо домашний интернет с недорогими тарифами — загрузка 30–50 МБ для них критически медленная.

Что подтвердилось в итоге

Главной причиной тормозов оказались изображения. При выгрузке из 1С на сайт попадали большие оригинальные фотографии, без какой-либо оптимизации. Контент-менеджер не озадачивался проблемой веса и загружал фотографии, которые порой весили до 10 МБ каждая. В одной карточке товара могло быть несколько таких изображений — общий вес страницы мог составлять 30–50 МБ. Это катастрофа для пользователей с мобильным интернетом или недорогими тарифами: страница грузится минутами, и большинство пользователей просто закрывают вкладку.

Решение

Все работы я выполнил лично за 4 рабочих дня. Подход — двухуровневый: сначала разово оптимизировать уже загруженные тяжёлые изображения, затем изменить архитектуру шаблона так, чтобы проблема не повторялась в будущем при новых выгрузках из 1С.

Этап 1. Ручная оптимизация самых тяжёлых изображений

  • Найдены все изображения товаров, чей вес превышал разумный порог (от нескольких МБ).
  • Изображения вручную оптимизированы: сжатие без видимой потери качества, приведение к адекватным размерам для веба.
  • Особое внимание уделено самым большим товарам в каталоге — тем, у кого было больше всего тяжёлых фото.
  • Это дало мгновенный эффект: карточки с оптимизированными изображениями стали загружаться в разы быстрее.

Этап 2. Переписывание шаблона каталога и карточек товаров

Ручная оптимизация решает проблему только для уже загруженных изображений. Но при следующей выгрузке из 1С на сайт снова попадут большие оригиналы — и всё начнётся заново. Чтобы решить проблему раз и навсегда, я переписал шаблон каталога и карточек товаров так, чтобы Битрикс в автоматическом режиме уменьшал изображения соразмерно перед отдачей страницы.

  • Шаблон каталога переписан: при выводе списка товаров используются уменьшенные превью, а не оригинальные изображения.
  • Шаблон карточки товара переписан: используется несколько размеров изображений в зависимости от места вывода (превью в списке, основное изображение в карточке, полноформатное при клике).
  • Настроено автоматическое масштабирование изображений средствами Битрикса — при отдаче страницы оригинал уменьшается до нужного размера, кешируется и отдаётся пользователю.
  • Это гарантирует: даже если контент-менеджер или 1С выгрузит на сайт фото весом 10 МБ, пользователь получит оптимизированную версию размером в десятки или сотни килобайт.

Этап 3. Тестирование

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

Результаты

Все работы выполнены за 4 рабочих дня. После доработки время отклика страниц заметно снизилось — карточки товаров стали загружаться в разы быстрее. Снизились отказы — пользователи из Яндекс.Директа перестали уходить из-за долгой загрузки. Вернулся поток клиентов: рекламный бюджет снова начал приносить заявки, а не сливаться впустую.

 

Показатель Результат
Срок выполнения работ 4 рабочих дня
Платформа сайта 1С-Битрикс
Тип сервера собственный VPS клиента
Канал трафика, пострадавший от проблемы Яндекс.Директ
Главная причина тормозов изображения до 10 МБ в карточках товаров
Вес одной карточки до работ 30–50 МБ
Что сделано ручная оптимизация + переписывание шаблона с авто-масштабированием
Бизнес-результат снижение отказов, возврат потока клиентов

 

Дополнительно клиент получил: систему, которая автоматически масштабирует любые изображения из 1С — это значит, что проблема не вернётся при будущих выгрузках; понимание, что скорость загрузки — это не техническая мелочь, а прямой фактор рентабельности рекламы; рекомендации по регулярному аудиту скорости и веса страниц сайта.

Отступление: скорость загрузки — это бизнес-метрика, а не техническая

Хочу сделать важное отступление — потому что многие владельцы сайтов относятся к скорости загрузки как к технической мелочи. Это опасное заблуждение. Скорость загрузки — это прямая бизнес-метрика, влияющая на:

  • Рентабельность платной рекламы. Каждый уходящий из-за долгой загрузки пользователь — это слитый рекламный бюджет. Для клиента из этого кейса каждый такой уход стоил реальных денег — клик в Яндекс.Директе был оплачен, а клиентом человек не стал.
  • Конверсию из органического трафика. Поисковики (Яндекс, Google) учитывают скорость загрузки как фактор ранжирования. Медленный сайт теряет позиции в выдаче.
  • Поведенческие факторы. Долгая загрузка напрямую повышает показатель отказов — пользователь просто закрывает вкладку. Поисковики воспринимают это как сигнал «контент не релевантен», что снова бьёт по позициям.
  • Лояльность клиентов. Постоянные покупатели, столкнувшись с медленным сайтом, рано или поздно уходят к конкурентам — даже если у вас лучше цены.

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

Технологический стек

 1С-Битрикс     PHP     MySQL     VPS     Шаблоны каталога и карточки товара     Bitrix-масштабирование изображений     Обмен с 1С     Технический SEO-аудит     PageSpeed / Core Web Vitals     Оптимизация изображений