Как установить лимиты на одновременные AJAX-запросы в WooCommerce

Диагностика проблемы с одновременными AJAX-запросами в WooCommerce

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

Основные симптомы:

• Длительная загрузка страницы при добавлении товара в корзину;
• Ошибки в консоли браузера, связанные с AJAX (например, 429 Too Many Requests или 503 Service Unavailable);
• Проблемы с обновлением данных корзины в реальном времени;
• Повышенная нагрузка на сервер при множественных параллельных запросах.

Для диагностики можно использовать инструменты браузера (вкладка Network), логи веб-сервера и PHP, а также мониторинг сервера.

Как установить лимиты на количество одновременных AJAX-запросов в WooCommerce

Реализация ограничения на клиенте с помощью JavaScript

Ограничение количества одновременно отправляемых AJAX-запросов можно реализовать на стороне клиента, чтобы предотвратить отправку новых запросов, пока не завершатся предыдущие.

;(function($){
  var maxConcurrentRequests = 3; // Максимум одновременных запросов
  var currentRequests = 0;

  function limitedAjax(options) {
    if (currentRequests >= maxConcurrentRequests) {
      console.warn('Превышен лимит одновременных AJAX-запросов');
      return;
    }
    currentRequests++;
    var originalComplete = options.complete;
    options.complete = function() {
      currentRequests--;
      if (typeof originalComplete === 'function') {
        originalComplete.apply(this, arguments);
      }
    };
    return $.ajax(options);
  }

  // Переопределяем jQuery.ajax для WooCommerce AJAX
  $(document).ajaxSend(function(event, jqXHR, ajaxOptions) {
    if (currentRequests >= maxConcurrentRequests) {
      jqXHR.abort();
      console.warn('AJAX запрос отменён из-за превышения лимита');
    } else {
      currentRequests++;
    }
  });
  $(document).ajaxComplete(function() {
    currentRequests--;
  });

  // Пример использования limitedAjax вместо $.ajax
  // limitedAjax({
  //   url: wc_ajax_url,
  //   type: 'POST',
  //   data: {action: 'woocommerce_some_action'},
  //   success: function(response) { /* обработка */ }
  // });
})(jQuery);

Ограничение на стороне сервера с помощью PHP

Для контроля количества одновременных AJAX-запросов на сервере можно использовать transient или опции для фиксации количества текущих запросов с последующим блокированием новых.

function limit_concurrent_ajax_requests() {
  if ( ! defined( 'DOING_AJAX' ) || ! DOING_AJAX ) {
    return;
  }

  $max_requests = 5; // Максимум одновременных запросов
  $user_ip = $_SERVER['REMOTE_ADDR'];
  $option_key = 'ajax_request_count_' . md5( $user_ip );

  $count = (int) get_transient( $option_key );
  if ( $count >= $max_requests ) {
    wp_send_json_error( array( 'message' => 'Превышено количество одновременных запросов' ), 429 );
    wp_die();
  }

  set_transient( $option_key, $count + 1, 10 );

  add_action( 'shutdown', function() use ( $option_key ) {
    $count = (int) get_transient( $option_key );
    $count = max( 0, $count - 1 );
    set_transient( $option_key, $count, 10 );
  } );
}
add_action( 'init', 'limit_concurrent_ajax_requests' );

Пошаговое руководство по внедрению лимитов AJAX в WooCommerce

1. Проанализируйте текущую нагрузку и частоту AJAX-запросов с помощью инструментов браузера и логов.
2. Добавьте клиентский скрипт для ограничения количества одновременных запросов (пример выше).
3. Внедрите серверное ограничение с помощью transient (код выше) для дополнительной защиты.
4. Протестируйте функциональность на разных браузерах и устройствах, выполняя параллельные действия в корзине и оформлении заказа.
5. Отслеживайте логи сервера и браузера на предмет ошибок и предупреждений.

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

Для проверки корректности ограничений:

• Откройте инструменты разработчика в браузере (F12), перейдите во вкладку Network.
• Попытайтесь быстро добавить несколько товаров в корзину или быстро обновить фильтры товаров.
• Убедитесь, что количество параллельно выполняемых AJAX-запросов не превышает установленный лимит.
• Проверьте отсутствие ошибок 429 или 500 в ответах сервера.
• Проверьте, что опыт пользователя остался комфортным — запросы не блокируются слишком агрессивно.

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

• Слишком низкий лимит: приводит к блокировке легитимных запросов и ухудшению UX. Решение — увеличить лимит или оптимизировать логику клиента.
• Отсутствие сброса счётчика на сервере: приводит к постоянному блокированию запросов после достижения лимита. Решение — использовать хук shutdown для уменьшения счётчика.
• Неправильный ключ transient: если ключ не уникален для пользователя, блокируются запросы всех посетителей. Решение — использовать IP или user ID в ключе.
• Не учтены AJAX-запросы не относящиеся к WooCommerce: блокируются сторонние AJAX-запросы. Решение — фильтровать запросы по действию action или URL.

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

• Используйте серверное ограничение как дополнительный уровень защиты от DDoS и чрезмерной нагрузки.
• Не ставьте слишком низкие лимиты, чтобы не ухудшить пользовательский опыт.
• Оптимизируйте обработчики AJAX-запросов в WooCommerce, сокращая время выполнения.
• Рассмотрите использование кэширования и CDN для снижения нагрузки на сервер.
• Если используете WPShop, плагин Clearfy Pro поможет оптимизировать AJAX и удалить лишние запросы автоматически.

Сравнение способов ограничения AJAX-запросов