WordPress Ajax Anruf sehr langsam und nervös

Question

Ich habe seit einiger Zeit auf einer Website arbeiten und während sie eine große Menge an Inhalten haben und ich habe sie aktualisiert, die AJAX laden mehr Aufruf auf dem Mauergitter ist sehr langsam . Ich habe versucht, ein CDN zu cachen und zu verwenden, aber es dauert immer noch sehr lange, besonders nach der ersten Instanz.

Hat jemand irgendwelche Ideen? Website ist www.noctismag.com

Hier ist das Skript, das ich benutze, um es auszuführen, in meiner Fußzeile.

<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

Gibt die Ajax-Anfrage HTML-Code zurück? Wenn es der Fall ist, versuchen Sie, den Code zu ändern, AJAX-Aufruf muss Daten als JSON-String zurückgeben und eine Front-End-Funktion wird diese Daten umwandeln, um es auf Raster wiederzugeben.

Traurig bin auf einem beweglichen bin, kann ich nicht direkt überprüfen/debug den Prozess des Rasters

in Get Touch