Медленный каталог чаще всего тормозит из-за изображений: фотографии загружаются в исходном размере, весят мегабайты и масштабируются уже в браузере. Покупатель ждёт, пока появятся карточки, а часть аудитории уходит ещё до просмотра товара.
Перед загрузкой проверьте каждое изображение:
— обрежьте лишний фон и пустое пространство;
— уменьшите размер под реальную область карточки;
— сохраните в WebP или другом современном формате;
— не загружайте фото с разрешением, которое не используется на странице.
Не ставьте десятки товаров на один экран. Разбейте каталог на категории, добавьте понятную пагинацию или кнопку «Показать ещё». Для обложек используйте единый размер и соотношение сторон: так сетка не будет прыгать при загрузке.
Отдельно проверьте баннеры, видео и анимации. Автозапуск ролика, фоновое видео и несколько декоративных эффектов могут весить больше, чем весь каталог. Оставьте один акцентный элемент, а важные изображения загружайте без лишних деталей.
Сначала ускорьте первый экран и карточки популярных товаров, затем проверьте страницу с телефона через мобильный интернет. Быстрый каталог — это не минимум графики, а только нужные изображения в подходящем размере.
Интернет-магазин на Tilda
@tilda_shop_setup_ww
Как ускорить каталог на Tilda: убираем тяжёлую графику, не жертвуя продажами
Этот пост опубликован в Telegram-канале Интернет-магазин на Tilda. Подписаться можно по ссылке: @tilda_shop_setup_ww.