对于图片比较多的网站,增加一个懒加载的功能是很有必要的,可以在一定程度上减轻服务器压力,加快网站打开速度。其实这个问题通过代码也可以轻松解决,对于那些坚持不用插件的高手来说,看看本站的其他文章吧。本文是为小白用户写的。
懒加载是一个很重要的功能,实现这个功能的插件肯定不只一个,今天我们要介绍的是Lazy Load,为什么要介绍这个,还不是因为这个插件简单易用呗。
Lazy Load 插件是 Automattic VIP 服务团队 TechCrunch 2011 重新设计团队和10up 公司的 Jake Goldman (我也不认识)合作开发出来的,听起来很高端的样子。
Lazy Load 图片懒加载插件使用方法
直接在后台搜索 Lazy Load,安装启用,到前台图片多的页面刷新一下,效果就出来了,就是这么简单粗暴。
需要注意的一点是这个插件最后一次更新是在 2012-9-4 了,不过在最新的WordPress 3.9.1 中使用还是完全没有问题,高手写出来的插件就是不一样,两年不更新还是一样好用。
好吧,到这里该有人担心了,玩意那一天不兼容了咋办?凉拌当然是不行的,下面列出几个备用的,玩意那一天不兼容了,试试下面的几个,这就是插件的好处。
不用插件实现 WordPress 图片懒加载
如果不想使用插件,我们可以使用 ngx_pagespeed 或 mod_pagespeed 模块在通过服务器自动实现图片懒加载功能。使用方法可以参考本站关于 PageSpeed 使用方法的文章。
Chrome已支持原生图片懒加载
Chrome 75 以后的版本为我们提供了原生的图片懒加载支持,只需要将 loading
属性设置为 lazy
即可开启。WordPress 5.5已默认支持此功能。
<img src="celebration.jpg" loading="lazy" alt="..." />