如何在WordPress中輕鬆添加視頻的延遲加載


視頻非常適合提高用戶在您網站上的參與度。 但是,嵌入視頻的一個缺點是它會降低您的網站速度。 在本文中,我們將向您展示如何為WordPress中的視頻添加延遲加載並提高頁面速度。

視頻的延遲加載如何工作?

視頻的延遲加載

想知道延遲加載到底是什麼,它如何工作?

當您將視頻嵌入網站時,會添加其他需要加載的外部腳本和文件。 由於要加載的內容更多,因此您的網站加載速度較慢。

視頻延遲加載將可點擊的預覽圖像替換為嵌入式Youtube和Vimeo視頻。 當您的訪客單擊圖像時,它將加載並播放視頻。

由於圖像的尺寸比視頻要小得多,因此延遲加載技術可以顯著提高頁面速度。

現在您已經知道了優點,讓我們看一下如何在WordPress中延遲加載YouTube和Vimeo視頻。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

如何在WordPress中為視頻添加延遲加載

您需要做的第一件事是安裝並激活“視頻延遲加載”插件。

該插件開箱即用,您無需為此而編輯任何延遲加載的jQuery腳本或任何代碼。

要查看您的延遲加載是否有效,您需要做的就是查看包含YouTube或Vimeo視頻的帖子或頁面。 您會注意到默認的播放器已被視頻縮略圖和播放按鈕取代。

帶有縮略圖和播放按鈕的延遲加載視頻

當您單擊圖像時,它將加載視頻並播放。

加載視頻可能會延遲一秒鐘(可以忽略不計),因此請不要認為延遲加載無法正常工作。

即使此插件開箱即用,仍然可以根據需要配置一些設置。

在帖子編輯器屏幕上,您可以選擇YouTube視頻嵌入的縮略圖質量。

控制帖子和頁面的YouTube縮略圖質量

除了縮略圖質量,如果您轉到 設置»視頻的延遲加載

延遲加載視頻WordPress插件的設置頁面

在常規設置選項卡上,您可以自定義視頻縮略圖的外觀。 您可以啟用響應模式,選擇播放按鈕樣式,使用自定義CSS,甚至啟用schema.org標記。

此插件支持YouTube和Vimeo。 您可以通過單擊相應選項卡找到提供商特定的設置。

在YouTube標籤上,您可以選擇顏色,縮略圖質量,禁用相關視頻和註釋等。甚至可以禁用YouTube視頻的延遲加載。

YouTube設置的延遲加載

同樣,在“ Vimeo設置”選項卡上,您可以選擇控制顏色,隱藏或顯示視頻標題以及禁用Vimeo視頻的延遲加載。

Vimeo的延遲加載

就這樣。 我們希望本文能幫助您為WordPress中的視頻添加延遲加載。

為了進一步提高網站速度,您需要使用W3 Total Cache插件設置WordPress CDN解決方案。

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