WordPress Ajax вызов очень медленный и неустойчивый

Question

Я уже давно работаю над веб-сайтом, и пока у них есть большой объем контента, и я обновил их, загрузка AJAX больше на сетку кладки очень медленная , Я пробовал кэширование и использование CDN, но он все еще занимает очень много времени, особенно после первого экземпляра.

У кого-нибудь есть идеи? Веб-сайт: www.noctismag.com

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

<script> 
    jQuery(function ($) { 
     /* Masonry + Infinite Scroll */ 
     var $container = $('#grid-container'); 
     $container.imagesLoaded(function() { 
      $container.masonry({ 
       itemSelector: '.post' 
      }); 
     }); 
     $('#grid-container').masonry({ 
      itemSelector: '.post' 
      , columnWidth: 258 
     }); 
     $container.infinitescroll({ 
      navSelector: '#page-nav' 
      , nextSelector: '#page-nav a' 
      , itemSelector: '.post' 

     }, function (newElements) { 
      var $newElems = $(newElements).css({ 
       opacity: 0 
      }); 
      $newElems.imagesLoaded(function() { 
       $newElems.animate({ 
        opacity: 1 
       }); 
       $container.masonry('appended', $newElems, true); 
      }); 
     }); 
     $(window).unbind('.infscr'); 
     jQuery("#page-nav a").click(function() { 
      jQuery('#grid-container').infinitescroll('retrieve'); 
      return false; 
     }); 
     $(document).ajaxError(function (e, xhr, opt) { 
      if (xhr.status == 404) $('#page-nav a').remove(); 
     }); 
    }); 
</script> 

Answer 1

Выполняет ли запрос Ajax отправку HTML-кода? Если это так, попробуйте изменить код, Ajax-вызов должен возвращать данные как строку json, а front-end fonction преобразует эти данные в rendre it on grid.

К сожалению я нахожусь на мобильный я не могу напрямую проверять/Debug процесс вашей сетки

Свяжитесь