Как отключить WooCommerce Cart Fragments для улучшения производительности

Что такое WooCommerce Cart Fragments и почему они влияют на скорость сайта

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

Диагностика проблем с Cart Fragments

Чтобы проверить, вызывают ли Cart Fragments проблемы с производительностью, выполните следующие шаги:

• Откройте сайт в режиме разработчика браузера (F12) и перейдите на вкладку Network.
• Обновите страницу и найдите запросы вида /?wc-ajax=get_refreshed_fragments.
• Обратите внимание на время ответа этих запросов и их количество.
• Если эти AJAX-запросы выполняются часто и занимают значительную часть времени загрузки, есть смысл отключить Cart Fragments.

Пошаговое отключение WooCommerce Cart Fragments

Отключение Cart Fragments может улучшить производительность, но при этом вы потеряете автоматическое обновление корзины на всех страницах без перезагрузки. Рассмотрим, как это сделать безопасно с помощью кода.

Шаг 1. Создайте дочернюю тему или плагин для пользовательских функций

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

Шаг 2. Добавьте следующий код в functions.php или файл плагина

add_action('wp_enqueue_scripts', 'disable_woocommerce_cart_fragments', 11);
function disable_woocommerce_cart_fragments() {
    if (class_exists('WooCommerce')) {
        wp_dequeue_script('wc-cart-fragments');
    }
}

Этот код отключит скрипт Cart Fragments, который отвечает за AJAX-обновление корзины.

Шаг 3. Очистите кэш и проверьте работу сайта

• Очистите кеш браузера.
• Если вы используете плагин кеширования (например, WP Rocket, W3 Total Cache), обязательно очистите кеш сайта.
• Проверьте, что иконка корзины больше не обновляется динамически без перезагрузки страницы.
• Убедитесь, что сайт работает стабильно и нет JavaScript ошибок в консоли.

Проверка результата после отключения Cart Fragments

После отключения Cart Fragments:

• Вкладка Network в браузере не должна показывать запросы wc-ajax=get_refreshed_fragments.
• Время загрузки страниц должно уменьшиться, особенно на страницах с большим трафиком.
• Динамическое обновление корзины перестанет работать, то есть количество товаров в иконке корзины обновится только после полной перезагрузки страницы.

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

• Ошибка: Скрипт Cart Fragments не отключается.
  Причина: Код добавлен с приоритетом ниже 11 или в неправильное место.
  Решение: Проверьте, что функция подключена с приоритетом 11 или выше, и что WooCommerce активен.
• Ошибка: После отключения корзина не обновляется и пользователи жалуются.
  Причина: Отключение Cart Fragments убирает динамическое обновление.
  Решение: Убедитесь, что в описании и UX сайта пользователи понимают необходимость перезагрузки страницы для обновления корзины, или реализуйте альтернативное обновление с помощью кастомного JavaScript.
• Ошибка: JavaScript ошибки после отключения.
  Причина: Конфликты с кастомными скриптами, которые ожидают Cart Fragments.
  Решение: Проверьте консоль браузера, исправьте JS, отключите кастомные скрипты или адаптируйте их.

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

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

Сравнение способов отключения Cart Fragments