Удаление или отключение AJAX обновлений корзины WooCommerce для оптимизации производительности

Проблема с AJAX обновлениями корзины в WooCommerce

WooCommerce по умолчанию использует AJAX для обновления мини-корзины и счетчика товаров в шапке сайта без перезагрузки страницы. Это удобно для пользователей, но замедляет работу сайта из-за дополнительных запросов и увеличивает нагрузку на сервер, особенно на больших магазинах с высоким трафиком.

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

Как диагностировать влияние AJAX обновлений корзины на производительность

• Откройте инструменты разработчика браузера (F12) и перейдите на вкладку Network. Добавьте товар в корзину и посмотрите, сколько AJAX-запросов отправляется.
• Используйте профилирование PHP на сервере (например, Xdebug, New Relic) для оценки времени выполнения AJAX-обработчиков WooCommerce.
• Проверьте настройку кэширования — AJAX-запросы, как правило, не кэшируются, что снижает эффективность кеширующих плагинов.

Пошаговое решение: отключение AJAX обновлений корзины WooCommerce

1. Отключение AJAX для мини-корзины в шапке

Добавьте следующий код в файл functions.php вашей дочерней темы или в пользовательский плагин:

add_filter('woocommerce_add_to_cart_fragments', '__return_empty_array');

Этот фильтр отключит обновление фрагментов корзины через AJAX, что уберет автоматическое обновление счетчика товаров и содержимого мини-корзины без перезагрузки страницы.

2. Отключение AJAX добавления товаров в корзину на странице товаров

Если используется AJAX добавление товаров, например, для кнопки "Добавить в корзину" на архивных страницах, отключите его так:

add_action('wp_enqueue_scripts', function() {
    wp_dequeue_script('wc-add-to-cart');
});

Это удалит скрипт, управляющий AJAX добавлением товаров, и кнопки будут работать с полной перезагрузкой страницы.

Проверка результата после внедрения

• Опять откройте инструменты разработчика и проверьте, что после добавления товара в корзину не происходит AJAX-запросов admin-ajax.php.
• Обновите страницу и убедитесь, что счетчик товаров в корзине обновляется корректно, но только после перезагрузки.
• Проверьте скорость загрузки и отзывчивость сайта — должна улучшиться, особенно на страницах с большим трафиком.

Частые ошибки и как их исправить

• Ошибка: После отключения AJAX обновлений корзина не отображается или не обновляется вообще.
  Решение: Убедитесь, что на сайте нет кастомных скриптов, завязанных на AJAX-обновления корзины. Проверьте, что фильтр woocommerce_add_to_cart_fragments отключен корректно и не конфликтует с другими плагинами.
• Ошибка: Кнопки "Добавить в корзину" перестали работать.
  Решение: Проверьте, что нет других скриптов, которые требуют AJAX для добавления в корзину. Иногда приходится отключать скрипт wc-add-to-cart аккуратно, чтобы не сломать интерфейс.
• Ошибка: Уменьшение функционала негативно влияет на UX.
  Решение: Рассмотрите альтернативы — например, уменьшить частоту обновлений или заменить AJAX на менее затратные решения, либо использовать плагины с оптимизированным AJAX.

Практические советы по безопасности и производительности

• Отключение AJAX обновлений корзины снижает нагрузку на сервер и помогает лучше использовать кеширование страниц, так как AJAX запросы обычно обходят кеш.
• Если все-таки нужен AJAX, используйте специализированные плагины для оптимизации WooCommerce, например Clearfy Pro, который умеет оптимизировать AJAX и кеш.
• Регулярно проверяйте консоль браузера на ошибки JavaScript, чтобы избежать конфликтов и сбоев в работе корзины.
• Минимизируйте количество сторонних скриптов, которые могут конфликтовать с WooCommerce AJAX функционалом.

Сравнение вариантов отключения AJAX обновлений корзины WooCommerce

add_filter('woocommerce_add_to_cart_fragments', '__return_empty_array');

add_action('wp_enqueue_scripts', function() {
    wp_dequeue_script('wc-add-to-cart');
});