Wordpress - jQueryでフォルダから画像をプレロードする

Question

現在、私は静的なHTMLページを生成してデータベースから画像をプリロードするのに最適なWP Super Cacheプラグインを使用していますが、私は大きな背景画像と、私が使用している画像フォルダのディレクトリはjQuery Load CSS Imagesです。

<?php if (is_home()) { ?> 
<script src="<?php bloginfo('template_directory'); ?>/scripts/preload.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery.preloadCssImages(); 
}); 
</script> 
<?php } ?> 

スクリプト検索は、その後のimgのsrcタグをプリロードし、一度だけ私のテーマの画像フォルダをプリロードすることができますjQueryのプラグインがある場合、私は思っていました。 if (is_home())ステートメントはある程度機能しますが、それでも複数回読み込まれます。イメージが既に読み込まれているかどうかを検出することで、これを1回だけ行う方法があるのだろうかと疑問に思っていましたか？

ご意見をいただければ幸いです。

Answer 1

このスクリプトは、最初のページの読み込みでダウンロードされなかった追加のイメージをダウンロードすることを意図していたと思います。 document.ready（）関数のため、ドキュメントが完全に読み込まれるまで実行されません。初期ビューに必要なCSSイメージは既にダウンロードされています。 DOMでまだ使われていない画像をプリロードすることを意図していたと思います。例 - ロールオーバーまたはホバーバックグラウンドの変更。

キャッシュヘッダーが正しく設定されている場合は、画像を複数回ダウンロードしないでください。ユーザーがキャッシュを無効にしていない場合、キャッシュから呼び出されます。

Google mod_pagespeedは、キャッシュヘッダーを拡張するのに最適です。