延迟加载
插件描述
延迟加载图像以改善页面加载时间。使用jQuery.sonar仅在视口中可见时加载图像。
此插件是由Automattic的WordPress.com VIP团队,TechCrunch 2011重新设计团队和Jake Goldman(10up LLC)编写的代码的合并。
使用Dave Artz(AOL)的 jQuery.sonar 。
安装
将插件上传到插件目录通过WordPress的“插件”菜单激活插件享受!
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');
这将延迟加载所有您的图像。
RSS