Оптимизация скорости и конверсии WooCommerce: что менять в первую очередь

Интернет-магазин на WooCommerce тяжелее обычного сайта: динамичные корзина и оформление заказа, фильтры, тысячи товаров, десятки расширений. Поэтому скорость и конверсия здесь связаны теснее, чем где-либо: медленная страница каталога теряет посетителей до того, как они увидят товар, а перегруженный чекаут теряет их у самой кассы. Рассказываем, с чего начинать.

Диагностика: где магазин теряет время и деньги

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

Кэш: что можно, а что нельзя

Страницы каталога и карточки товаров отлично кэшируются, но корзина, оформление заказа и личный кабинет содержат персональные данные и должны быть исключены из страничного кэша. Это базовая настройка, и именно её нарушение приводит к тому, что покупатели видят чужие корзины или пустую корзину. Для динамичного магазина добавьте объектный кэш (Redis или Memcached): он сильно снижает нагрузку на базу данных при фильтрации и поиске.

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

• включите High-Performance Order Storage (HPOS): хранение заказов в отдельных таблицах быстрее обычных записей, но сначала проверьте совместимость плагинов;
• ограничьте фрагменты корзины AJAX на страницах, где мини-корзина не нужна;
• регулярно чистите просроченные сессии и транзиенты;
• используйте поисковое решение с индексом, если товаров много, вместо стандартного поиска по записям.

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

Изображения и карточка товара

В каталоге главный вес страницы дают фотографии. Загружайте их в нужных размерах, отдавайте в WebP или AVIF, включайте ленивую загрузку для всего, что ниже первого экрана, и обязательно задавайте размеры, чтобы страница не «прыгала». На карточке товара главное фото должно грузиться с высоким приоритетом, потому что именно оно обычно определяет LCP. Галереи с тяжёлыми зумами и слайдерами подключайте только там, где они действительно нужны.

Чекаут: каждое поле имеет цену

Скорость привела покупателя к кассе, теперь его нужно не потерять. Универсальных чисел «после этого изменения конверсия вырастет на столько-то» нет, всё нужно проверять на вашей аудитории, но направления проверенные:

1. Разрешите оформление без регистрации и предлагайте создать аккаунт после покупки.
2. Уберите необязательные поля: компания, второй адрес, комментарий можно скрыть по умолчанию.
3. Покажите стоимость доставки и итоговую сумму как можно раньше, до ввода данных карты.
4. Подключите привычные способы оплаты для вашей аудитории, включая кошельки на мобильных устройствах.
5. Добавьте элементы доверия рядом с кнопкой оплаты: условия возврата, контакты, защищённое соединение.
6. Проверьте чекаут на смартфоне: размер кнопок, тип клавиатуры для полей, автозаполнение.

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

На оформлении заказа особенно важна отзывчивость: если кнопка реагирует с задержкой из-за тяжёлых скриптов оплаты и аналитики, покупатель нажимает повторно или уходит. Принципы улучшения отзывчивости описаны в материале Optimize INP, и применять их стоит в первую очередь к чекауту.

Отдельное внимание уделите поиску и фильтрам: покупатель, который не нашёл товар за несколько секунд, уходит к конкуренту. Подсказки в строке поиска, понятные названия фильтров, сохранение выбранных параметров при возврате со страницы товара и отсутствие пустых результатов заметно повышают шансы на покупку.

Не забывайте и о самой карточке товара. Покупателю нужны понятные фотографии с разных ракурсов, подробное описание с характеристиками, ясная цена и наличие, условия доставки и возврата, а также отзывы. Вопросы и ответы прямо на странице снижают нагрузку на поддержку и убирают сомнения перед покупкой. Если описание копируется у поставщика, оно не отличает вас от конкурентов и не помогает ранжированию.

Интеграции доставки и оплаты тоже влияют на скорость и конверсию. Расчёт стоимости доставки по запросу к внешнему сервису должен кэшироваться и иметь запасной вариант, если сервис не отвечает, иначе чекаут зависнет. А способы оплаты стоит подбирать по данным о вашей аудитории, а не по принципу «чем больше, тем лучше».

Видимость в поиске: микроразметка и структура

Скорость и конверсия бесполезны без трафика. Для карточек товаров используйте разметку Product с ценой, наличием и отзывами: она помогает формировать расширенные сниппеты, а требования приведены в документации Google. Следите за тем, чтобы разметка соответствовала тому, что видит покупатель. Фильтры и сортировка не должны плодить тысячи индексируемых дублей: настройте canonical и закройте ненужные параметры от индексации. Если магазин продаёт на нескольких рынках, посмотрите, как мы настраиваем hreflang для международных магазинов.

Лишние расширения и индивидуальная логика

• доля посетителей, дошедших до корзины, до оформления и до оплаты;
• отказы на страницах каталога и карточек товаров;
• время до появления первой фотографии товара на мобильном;
• доля брошенных корзин по способам оплаты и доставки.

У многих магазинов 40–60 активных плагинов, и часть из них дублирует друг друга. Проведите аудит: что делает каждое расширение, какие скрипты оно грузит на витрине и можно ли заменить несколько одной небольшой разработкой. Нестандартные правила цен, доставки и товаров лучше реализовать в одном аккуратном плагине, чем в наборе несовместимых. Мы делаем такие доработки в рамках решений WooCommerce, включая многоязычные и мультивалютные каталоги на базе AYM Multilingual Pro. Если хотите понять, где ваш магазин теряет заказы, запросите аудит и расчёт.

Поделиться:XLinkedInWhatsApp