對于圖片比較多的網(wǎng)站,增加一個懶加載的功能是很有必要的,可以在一定程度上減輕服務(wù)器壓力,加快網(wǎng)站打開速度。其實(shí)這個問題通過代碼也可以輕松解決,對于那些堅(jiān)持不用插件的高手來說,看看本站的其他文章吧。本文是為小白用戶寫的。

懶加載是一個很重要的功能,實(shí)現(xiàn)這個功能的插件肯定不只一個,今天我們要介紹的是Lazy Load,為什么要介紹這個,還不是因?yàn)檫@個插件簡單易用唄。
Lazy Load 插件是 Automattic VIP 服務(wù)團(tuán)隊(duì) TechCrunch 2011 重新設(shè)計(jì)團(tuán)隊(duì)和10up 公司的 Jake Goldman (我也不認(rèn)識)合作開發(fā)出來的,聽起來很高端的樣子。
Lazy Load 圖片懶加載插件使用方法
直接在后臺搜索 Lazy Load,安裝啟用,到前臺圖片多的頁面刷新一下,效果就出來了,就是這么簡單粗暴。
需要注意的一點(diǎn)是這個插件最后一次更新是在 2012-9-4 了,不過在最新的WordPress 3.9.1 中使用還是完全沒有問題,高手寫出來的插件就是不一樣,兩年不更新還是一樣好用。
好吧,到這里該有人擔(dān)心了,玩意那一天不兼容了咋辦?涼拌當(dāng)然是不行的,下面列出幾個備用的,玩意那一天不兼容了,試試下面的幾個,這就是插件的好處。
不用插件實(shí)現(xiàn) WordPress 圖片懶加載
如果不想使用插件,我們可以使用 ngx_pagespeed 或 mod_pagespeed 模塊在通過服務(wù)器自動實(shí)現(xiàn)圖片懶加載功能。使用方法可以參考本站關(guān)于 PageSpeed 使用方法的文章。
Chrome已支持原生圖片懶加載
Chrome 75 以后的版本為我們提供了原生的圖片懶加載支持,只需要將 loading 屬性設(shè)置為 lazy 即可開啟。WordPress 5.5已默認(rèn)支持此功能。
<img src="celebration.jpg" loading="lazy" alt="..." />


