在WordPress網站上啟用圖像的延遲加載!

更新日期:10年2016月XNUMX日/文章作者:Vishnu

延遲加載是一個非常有用的技巧,可以更快地加載您的網頁,或者看起來更快。 假設您有一個包含20圖像的網頁,這並不常見。 您認為加載所有20圖像需要多長時間以及它有多少頁面加載時間? 人們可能會認為,像這樣的網頁的加載時間的很大一部分都會轉向 圖片 和其他數據重物。

另一方面,使用延遲加載,您可以延遲加載尚未在閱讀器中查看的圖像。 這意味著讀者實際看到的內容,加載速度更快,表明網站比實際更快。

使用免費的WP插件可以輕鬆完成延遲加載。 您應該知道某些緩存插件(如WP Rocket)包含延遲加載腳本作為其功能的一部分。

火箭延遲加載

此插件減少了HTTP請求的總數,這意味著它減少了服務器需要通信以傳達相同數量信息的次數。 結果,加載時間和服務器資源的使用減少。

火箭惰性加載僅顯示閱讀器可見的圖像。 它也適用於幾乎所有圖像(包括縮略圖,帖子內容或文本小部件中的圖像)。 該插件不使用jQuery,而是通過在頁面標題中添加一些JavaScript來工作的,該腳本非常輕便。 在我看來,這是該插件最吸引人的部分–它根本沒有任何選擇,只需簡單地插入和激活,就可以完成。

它沒有選擇的事實可能對少數人不太有吸引力。 您還有其他替代方案可以選擇延遲加載,請繼續閱讀!

 下載Rocket Lazy Load

延遲加載

這個Lazy Load插件使用jQuery.sonar在讀取器向下滾動並且圖像進入視圖時加載圖像。 Lazy Load由來自Automattic的一些很棒的人組成。 延遲加載應該可以縮短站點加載時間並提高服務器帶寬。 該插件通過僅加載考慮到讀取器負載的圖像來確保減少服務器帶寬的使用。
 下載Lazy Load

BJ懶惰負載

BJ Lazy Load通過使用佔位符替換所有帖子圖像,縮略圖,內容iframe和gravatars,可以減少服務器帶寬使用量並使您的網站更快。 插件還涵蓋了來自YouTube和Vimeo的嵌入式視頻。

您還可以嘗試在主題中的圖像和iframe上進行延遲加載。

BJ

最大的區別在於大多數其他延遲加載插件無法提供的選擇。 您可以在內容,縮略圖,文本小部件,gravatars,iframe和可以啟用/禁用延遲加載的不同圖像類中選擇圖像。

 下載BJ Lazy Load

其他插件

高級延遲加載 是另一個WordPress驅動的網站的延遲加載插件,它確實帶來了很多類似於BJ Lazy Load的選項。 您還可以選擇移動設備特定的延遲加載設置,這可能是具有大量移動網頁瀏覽量的網站可能需要的設置。

Lazy Load XT 是一個免費插件,可為幾乎所有類型的內容(包括iframe,視頻和圖片)提供延遲加載。 該插件還是輕巧的插件,不需要太多資源即可有效運行。 當對前端網頁內容提出服務器請求時,Lazy Load XT的工作方式是用data-src替換src屬性。

給你!

延遲加載肯定會帶來更好的用戶體驗。 延遲加載對於媒體繁重的網站來說非常重要,這是一個簡單的技巧,可以確保讀者非常開心。

請記住,延遲加載插件只會延遲加載圖像。 對於具有最佳性能的真正高效的網站,您可能需要考慮使用CDN來幫助提供所有靜態數據和 一個功能強大的緩存插件,如W3 Total Cache 將您的動態內容轉換為靜態內容。

關於毘濕奴

Vishnu是一名夜間自由撰稿人,白天擔任數據分析師。

連接: