2个 Wordpress jQuery Lazy Load 小贴士

/

2个-Wordpress-jQuery-Lazy-Load-小贴士

前面介绍过如何利用 jQuery Lazy Load 让 Wordpress 实现图片延迟加载,以及为自定义首页或者自定义页面添加 jQuery Lazy Load 功能,还有2个简单的小贴士分享给大家。

为 Gravatar 头像添加 jQuery Lazy Load 效果

关键代码如下,其余代码可以参考我的这篇文章

add_filter('get_avatar','comment_lazyload_img');
function comment_lazyload_img($avatar){
	$avatar = preg_replace('/src=[\'"](.+?)[\'"]/','src="/wp-content/uploads/grey.gif" data-original="\1"', $avatar);
	return $avatar;
}

利用 Nginx 的 Empty Gif 模块提升 jQuery Lazy Load 性能

Nginx 的 Empty Gif 模块会在内存中常驻一个 1x1 像素的透明 gif 文件,这样当有大量的 http 请求时,可以不用读取磁盘而直接从内存中读取,一定程度上提升了性能。

Empty Gif 模块的配置相当简单:

location = /wp-content/uploads/empty.gif {
  empty_gif;
}

接下来将相关 jQuery Lazy Load 代码中 grey.gif 文件的路径替换成 /wp-content/uploads/empty.gif 即可,在磁盘中不必真的有该文件存在。

Comments