視頻非常適合提高網站上的用戶參與度。然而，嵌入視頻的一個缺點是它會減慢您的網站速度。在本文中，我們將向您展示如何在 wordpress 中添加視頻延遲加載并提高頁面速度。

視頻延遲加載如何工作？

/>

想知道延遲加載到底是什么，它是如何工作的？

當您在網站上嵌入視頻時，您會添加需要加載的其他外部腳本和文件。由于需要加載更多內容，您的網站加載速度會變慢。

視頻延遲加載用可點擊的預覽圖像替換了嵌入的 youtube 和 Vimeo 視頻。當訪問者單擊圖像時，它會加載并播放視頻。

由于圖像的大小比視頻小得多，因此延遲加載技術顯著提高了頁面速度。

現在您已經了解了優點，讓我們看看如何在 wordpress 中延遲加載 YouTube 和 Vimeo 視頻。

視頻教程

https://www.youtube.com/embed/iHKrpANMW_E?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent訂閱 WPBeginner

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-Static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

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

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

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

該插件開箱即用，您無需編輯任何延遲加載 jquery 腳本或任何相關代碼。

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

/>

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

加載視頻時可能會有輕微的第二次（可忽略不計）延遲，因此請不要認為延遲加載不起作用。

盡管該插件開箱即用，但您仍然可以根據需要配置一些設置。

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

/>

除了縮略圖質量之外，如果您前往“設置”?“視頻延遲加載”，還可以使用更多自定義選項。

/>

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

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

在 YouTube 選項卡上，您可以選擇顏色、縮略圖質量、禁用相關視頻和注釋等。您甚至可以禁用 YouTube 視頻的延遲加載。

/>

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

/>

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

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