web-dev-qa-db-ja.com

遅延読み込み:プログレッシブvsオンデマンド

これは概念的な質問です。私の特定のケースでは、 slick.js を使用してWebサイトの画像カルーセルを作成しています。これらは高解像度の写真であるため、写真をページの読み込み時ではなく非同期に読み込むことにより、ページの読み込み時間を短縮したいと考えています。

このライブラリのドキュメントを見ると、「lazyLoad」プロパティの設定が実際に何を意味するかについての情報がほとんどない状態で利用できることがわかりました。

基本的に私の質問は、遅延読み込みのコンテキストでのプログレッシブとオンデマンドの違いは何ですか。

48
Caleb Faruki

プログレッシブ:ページが表示されるとすぐに可視イメージをロードし、他のすべてがバックグラウンドでロードされた後に他のイメージをロードします( "initに表示されているスライドをロードし、window.load()。 ")にスライドの残りを徐々にロードします。ページが表示される時間のほとんど(またはすべて)で他の画像が使用される場合に使用する必要があります。

on-demand:ページが表示されるとすぐに可視画像を読み込み、他の画像は表示されている場合にのみ読み込みます。 ( "[...]はオンデマンドでスライドをロードします。スライドが表示されると(またはスライドのコールバックの前に)ロードが実行されます。")カルーセルの画像はほとんど表示されません。

ソース: https://github.com/kenwheeler/slick/issues/35 、特に5月5日のjasondayのコメント

70
Reeno