WordPress的 - 預先從jQuery文件夾中預載圖像

Question

目前，我使用WP超級緩存插件，這是非常適合生成靜態html頁面和預加載數據庫中的圖像，但我有一個大背景圖像和其他小圖標在我的主題目錄中的圖片文件夾，我正在使用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())聲明在某種程度上起作用，但仍會加載多次。想知道是否有辦法只做一次，也許通過檢測圖像是否已經加載？

任何建議將不勝感激。

Answer 1

我認爲這個腳本的目的是下載額外的圖像，而不是通過初始頁面加載下載。由於document.ready（）函數在文檔完全加載之前不會執行。因此，初始視圖所需的任何CSS圖像都已下載。我認爲這是爲了預加載DOM尚未使用的圖像。示例 - 翻轉或懸停背景更改。

此外，如果你有你緩存標題設置正確的圖像不應該下載多次。如果用戶沒有禁用緩存，它將從緩存中調用。

Google mod_pagespeed是擴展緩存標頭的好方法。