您想學習如何在 WordPress 中延遲加載圖像嗎？延遲加載允許您的網站僅在用戶向下滾動到特定圖像時加載圖像，從而減少網站加載時間并提高網站性能。許多流行的圖像密集型網站使用延遲加載來提高網站速度和性能。在本文中，我們將逐步向您展示如何在 WordPress 中輕松延遲加載圖像。

為什么在 WordPress 中延遲加載圖像？

延遲加載 WordPress 圖像可以加快您的網站速度并提供更好的用戶體驗。

沒有人喜歡緩慢的網站。事實上，一項性能研究發現，頁面加載時間延遲 1 秒會導致轉化次數減少 7%，網頁瀏覽量減少 11%，客戶滿意度降低 16%。

像谷歌這樣的搜索引擎也不喜歡加載緩慢的網站。這就是為什么更快的網站在搜索結果中排名更高的原因。

與其他網絡元素相比，圖像在您的網站上加載所需的時間最多。如果您在文章中添加大量圖像，則每張圖像都會增加頁面加載時間。

處理這種情況的一種方法是使用 BunnyCDN 等 CDN 服務。CDN 將允許用戶從離他們最近的 Web 服務器下載圖像并降低網站加載速度。

但是，您的圖像仍將被加載并影響整個頁面加載時間。要解決此問題，您可以通過在網站上實施延遲加載來延遲圖像加載。

圖像的延遲加載如何工作？

延遲加載不是一次加載所有圖像，而是僅下載用戶屏幕上可見的圖像。它將所有其他圖像替換為占位符圖像或空白區域。

當用戶向下滾動頁面時，您的網站會加載在瀏覽器查看區域中可見的圖像。

延遲加載對您的 WordPress 博客非常有益：

• 它減少了初始網頁加載時間，以便用戶更快地看到您的網站。

• 它通過僅提供查看的圖像來節省帶寬，這可以為您節省 WordPress 托管成本。

WordPress 5.5 的發布添加了延遲加載作為默認功能。

但是，如果您想自定義圖像延遲加載和延遲加載背景圖像的方式，則需要使用 WordPress 插件。

讓我們來看看如何使用兩個不同的插件在 WordPress 中延遲加載圖像。您可以使用下面的快速鏈接直接跳轉到要使用的方法：

1. 使用 WP Rocket 在 WordPress 中延遲加載圖像（推薦）

2. 使用 Optimole 在 WordPress 中延遲加載圖像（免費）

3. 優化 WordPress 圖像的額外提示

方法1：使用WP Rocket在WordPress中延遲加載圖像

我們建議使用 WP Rocket 插件在 WordPress 中延遲加載圖像。這是市場上最好的 WordPress 緩存插件，可讓您輕松打開圖像延遲加載。

除此之外，它還是一個非常強大的插件，可幫助您優化網站速度，而無需了解復雜的技術術語或配置專家設置。

開箱即用，他們所有默認推薦的緩存設置將大大加快您的 WordPress 網站速度。

您需要做的第一件事是安裝并激活 WP Rocket 插件。

要啟用圖像延遲加載，您所要做的就是選中幾個框。您甚至可以為視頻啟用延遲加載，這將進一步提高您的網站速度。

您需要做的就是轉到 WordPress 儀表板中的設置 ? WP Rocket，然后單擊“媒體”選項卡。然后，您可以滾動到“LazyLoad”部分，然后選中“為圖片啟用”和“為 iframe 和視頻啟用”旁邊的框。

注意：如果您使用 Siteground 作為您的 WordPress 托管服務提供商，那么您可以使用免費的 SiteGround Optimizer 插件，該插件具有類似的延遲加載功能。

方法2：使用Optimole在WordPress中延遲加載圖像

此方法使用免費的 Optimole 插件。它是最好的 WordPress 圖像壓縮插件之一，可讓您輕松啟用圖像延遲加載。

如果您每月有超過 5,000 名訪問者，那么您將需要 Optimum 的高級版本。

首先，您需要安裝并激活 Optimole 插件。

激活后，您將看到一個屏幕，要求您注冊 API 密鑰。您也可以通過導航到管理菜單中的 Optimole 來找到此屏幕。

您需要確保列出的電子郵件地址正確無誤，然后單擊“創建并連接您的帳戶”按鈕。或者，如果您是現有用戶，只需單擊“我已經擁有 API 密鑰”按鈕即可。

當插件連接到 Optimum 時，您可能需要等待幾秒鐘。之后，該插件將自動開始優化您的圖像，以便您的訪問者現在將看到適合其設備的最佳圖像。

發生這種情況時，您可以單擊“設置”選項卡來配置延遲加載。

在這里，您需要確保啟用了“縮放圖像和延遲加載”設置。這將根據訪問者的屏幕尺寸生成圖像并提高加載速度。

接下來，單擊“高級”菜單選項，然后選擇“延遲加載”。在此屏幕上，有一些不同的設置可讓您自定義圖像的延遲加載方式。

首先，您可以調整“從延遲加載中排除第一個圖像數量”設置。這將阻止帖子或頁面頂部的圖像延遲加載，因此首屏圖像將始終顯示。

如果希望每個圖像延遲加載，則可以將其設置為 0。

您可以檢查 Optimole 中的其他一些高級延遲加載設置。默認情況下，這些設置處于啟用狀態。

第一個是“縮放圖像”設置。這會將圖像縮放到訪問者的屏幕尺寸，并使您的頁面加載速度更快。

之后，您將看到“為背景圖像啟用延遲加載”設置。這將延遲加載您的背景圖像，這可能是您網站上最大的圖像。

另一個設置是延遲加載嵌入的視頻和 iframe。如果您有很多嵌入的視頻內容，則需要保留此設置。它將加載一個占位符圖像來代替視頻。單擊占位符后，將加載完整視頻。

您可以繼續自定義這些設置，看看哪些設置最適合您的網站和圖像。

在退出插件設置之前，請確保單擊頁面底部的“保存更改”按鈕。

優化 WordPress 圖像的額外提示

雖然延遲加載將有助于提高網站加載速度，但還有其他幾種方法可以優化您的 WordPress 圖像以獲得最佳性能。

例如，我們建議您先壓縮圖像，然后再使用 TinyPNG 或 JPEGmini 等工具將其上傳到您的網站。或者，您可以使用自動圖像壓縮插件，例如 Optimole 或 EWWW Image Optimizer。

為您的圖像選擇正確的 WordPress 圖像大小和文件格式也很重要。JPEG 最適合具有多種顏色的照片或圖像，PNG 適用于簡單或透明的圖像，而 GIF 僅適用于動畫圖像。

我們希望本文能幫助您學習如何在 WordPress 中延遲加載圖像。