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

文章撰寫者:
  • WordPress
  • 更新:Dec 10,2016

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

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

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

火箭延遲加載

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

Rocket Lazy Load僅用於顯示閱讀器可見的圖像。 它也適用於幾乎所有圖像(包括縮略圖,後期內容或文本小部件中的圖像)。 該插件不使用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的工作原理是將src屬性替換為data-src。

給你!

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

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

關於毘濕奴

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

連接: