スロー負荷最初の画像は、私のウェブサイトで、私は<a href="http://masonry.desandro.com/" rel="nofollow">masonry plugin</a>を使用してい

Question

を石工

私の問題は、完全に充電して形成するために、ページの左側に残るまで、最初の20枚の画像はと読み込みに時間がかかるということです画像の列。

このプラグインで私のウェブページから最初の20枚の画像をスピードアップするにはどうすればよいですか？

は、あなたが私たちCDNを缶または別のドメインからそれらをロード非常

Answer 1

、ありがとうございました。ブラウザは通常、ドメインごとに8つのファイルを一度に転送できます。別のドメインまたはCDNを使用すると、この制限を回避できます。

Answer 2

上記のCDNに加えて、私は小さい画像を取得することをお勧めします。どちらの方法でも、imagesLoadedプラグインは、画像を完全にロードしてからボックスをレンダリングすることを保証します。

プラグインを取得here

あなたはプラグインをインストールしたらそのようなあなたの石工の呼び出しをラップ：石造で使用する

var $container = $('#container'); 
$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector : '.item', 
    columnWidth : 240 
    }); 
}); 

もう一つの大きなプラグインがinfinite-scrollです。あなたがそれを設定するのを助けたいと思ったら私に教えてください。