如何在WordPress中延遲加載圖像


您要在WordPress中延遲加載圖片嗎? 延遲加載允許您的網站僅在用戶向下滾動到特定圖像時才加載圖像。 您可以在Buzzfeed等許多熱門網站上看到它的運行情況。 在本文中,我們將向您展示如何輕鬆地在WordPress中延遲加載圖像。

在WordPress中延遲加載圖片

為什麼在WordPress中延遲加載圖像?

沒有人喜歡緩慢的網站。 Strangeloop進行的一項研究發現,頁面加載時間延遲1秒會導致7%的轉換損失,11%的頁面瀏覽量減少和16%的客戶滿意度下降。

怪圈研究

與其他內容相比,圖片花費最多的時間在您的網站上。 如果您在文章中添加了大量圖像,則每個圖像都會增加頁面加載時間。

解決這種情況的一種方法是優化Web圖像並使用CDN服務,例如MaxCDN。 這樣,用戶可以一次從附近的服務器下載多個圖像。

List25延遲加載預覽

但是,您的圖像仍然會被加載,並且仍然會影響整個頁面的加載時間。 為解決此問題,您可以通過對網站上的圖像實施延遲加載來延遲圖像。

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

延遲加載不會立即加載所有圖像,而是僅下載在用戶屏幕上可見的圖像。 它將所有其他圖像替換為佔位符圖像。

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

話雖如此,讓我們看看如何輕鬆地為WordPress中的圖像設置延遲加載。

在WordPress中設置圖片的延遲加載

您需要做的第一件事是安裝並激活BJ Lazy Load插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»BJ延遲加載 頁面以配置插件設置。

延遲加載設置

您可以將延遲加載應用於內容,文本窗口小部件,發布縮略圖,圖形,圖像和iframe。 您還可以上傳自定義圖像以用作佔位符圖像。

該插件還可以選擇顯示低分辨率版本的圖像而不是佔位符圖像。 要使用此功能,您將需要重新生成圖像大小,以便它可以為以前的所有上載生成低分辨率版本。

不要忘記單擊“保存更改”按鈕來存儲您的設置。

現在,您可以訪問您的網站以查看圖像的延遲加載。

我們希望本文能幫助您學習如何在WordPress中延遲加載圖像。 您可能還需要查看我們的終極指南,以加快WordPress的速度,其中包含提高WordPress性能的19個技巧。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。