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 stringとして返さなければならず、フロントエンドの機能はデータをグリッド上にレンダリングします。

私は携帯電話でごめんなさい、私が直接/デバッググリッドのプロセスを確認することができない

タッチで