10 jQuery画像キャッシュプラグインとスクリプト

jQuery画像プリロードプラグインを使用したWebサイトの画像の読み込みを最適化します！ この記事では、事前キャッシング画像によってページの読み込み時間を改善するように設計されたいくつかのjQueryプラグインについて説明します。 オプションに飛び込んで、それらがあなたのサイトにどのように利益をもたらすことができるか見てみましょう。 関連記事：画像/コンテンツ用の100 jQueryスライダー、jQueryはブラウザキャッシュに画像を追加します。

1. jQuery-cacheImage：キャッシングを事前にキャッシュするための簡単なプラグイン、fouc（非スタイルのコンテンツのフラッシュ）、知覚された負荷速度の向上。 ロード、エラー、中止イベントのコールバックが含まれています

ソースとdemo

2. jQuery画像キャッシュプラグイン：ブラウザのローカルストレージで画像をキャッシュし、効率的なクロスタブ/ウィンドウ共有と強化されたセキュリティの容量（通常は5MB、ブラウザ依存）を活用します。

ソースとdemo

jQuery画像をブラウザキャッシュに追加する：

jQueryを介して画像をプリロードする手法、非表示のDOM Div要素内でブラウザキャッシュに追加します。
ソースとdemo

jquery画像プリロダーコールバック：

画像読み込みの完了を信号するためのコールバックメカニズムを提供します。

4. ソースとdemo

JavaScriptとHTML5 Progress Barsを使用した キャッシュ画像：ページの読み込みの進行状況をユーザーに通知するための進行状況バーを組み込みます。

5. ソースとdemo

jQueryを使用した画像のプリロード：このスクリプトは、StyleSheetsを繰り返し、CSSルール内で参照される画像を読み込み、キャッシュの可用性を確保します。

6. ソースとdemo
   7. jQuery Preload CSS画像：a jqueryプラグインは、スタイルシートルールを繰り返してリンク/インポートされたCSSファイルからの画像をキャッシングします。

   ソースとdemo

   8. jQueryを使用して画像をプリロードする最も簡単な方法：画像プリロードに最小コードを使用した簡潔なアプローチ。

   ソースとdemo

   jQuery画像プリロードプラグイン：
   9. domの読み込みの前または後に画像をプリロードすることを許可します。
   ソースとdemo

   

   jpreloader：
   ロード画面を作成して画像をプリロードしてコンテンツをプリロードし、プロセス中にスプラッシュ画面を表示します。
   ソースとdemo

   （注：各プラグインのソースコードとデモへの実際のリンクとを置き換えます。）

   この拡張された説明は、より多くの詳細を提供し、より多様な文構造を使用しながら、元の意味と画像の配置を維持します。 プレースホルダーリンクを正しいURLに置き換えることを忘れないでください。

以上が10 jQuery画像キャッシュプラグインとスクリプトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。