延遲加載
外掛Plugin描述
延遲加載圖像以改善頁面加載時間。使用jQuery.sonar僅在視口中可見時加載圖像。
此外掛Plugin是由Automattic的WordPress.com VIP團隊,TechCrunch 2011重新設計團隊和Jake Goldman(10up LLC)編寫的代碼的合併。
使用Dave Artz(AOL)的 jQuery.sonar 。
安裝
將外掛Plugin上傳到外掛Plugin目錄通過WordPress的“外掛Plugin”菜單激活外掛Plugin享受!
FAQ
如何更改佔位符圖像
add_filter(’lazyload_images_placeholder_image’,’my_custom_lazyload_placeholder_image’);
function my_custom_lazyload_placeholder_image($ image){
return’http:// url / to / image’;
}
如何在我的主題中延遲加載其他圖像?
您可以使用lazyload_images_add_placeholders輔助函數:
if(function_exists('lazyload_images_add_placeholders'))$ content = lazyload_images_add_placeholders($ content);
或者,您可以使用圖像URL的來源添加名為“data-lazy-src”的屬性,並將實際圖像URL設置為透明的1×1像素。
您也可以使用輸出緩衝,但不建議這樣做:
if(function_exists('lazyload_images_add_placeholders'))ob_start('lazyload_images_add_placeholders');
這將延遲加載所有您的圖像。