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

視頻延遲加載如何工作？

/>

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

當(dāng)您在網(wǎng)站上嵌入視頻時(shí)，您會(huì)添加需要加載的其他外部腳本和文件。由于需要加載更多內(nèi)容，您的網(wǎng)站加載速度會(huì)變慢。

視頻延遲加載用可點(diǎn)擊的預(yù)覽圖像替換了嵌入的 youtube 和 Vimeo 視頻。當(dāng)訪問者單擊圖像時(shí)，它會(huì)加載并播放視頻。

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

現(xiàn)在您已經(jīng)了解了優(yōu)點(diǎn)，讓我們看看如何在 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

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

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

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

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

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

/>

當(dāng)您單擊圖像時(shí)，它將加載視頻并播放。

加載視頻時(shí)可能會(huì)有輕微的第二次（可忽略不計(jì)）延遲，因此請不要認(rèn)為延遲加載不起作用。

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

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

/>

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

/>

在常規(guī)設(shè)置選項(xiàng)卡上，您可以自定義視頻縮略圖的外觀。您可以啟用響應(yīng)模式、選擇播放按鈕樣式、使用自定義 css，甚至啟用 schema.org 標(biāo)記。

該插件支持 YouTube 和Vimeo。您可以通過單擊相應(yīng)的選項(xiàng)卡找到提供商特定的設(shè)置。

在 YouTube 選項(xiàng)卡上，您可以選擇顏色、縮略圖質(zhì)量、禁用相關(guān)視頻和注釋等。您甚至可以禁用 YouTube 視頻的延遲加載。

/>

同樣，在 Vimeo 設(shè)置選項(xiàng)卡上，您可以選擇控制顏色、隱藏或顯示視頻標(biāo)題以及禁用 Vimeo 視頻的延遲加載。

/>

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

為了進(jìn)一步提高網(wǎng)站速度，您需要使用 W3 Total Cache插件設(shè)置 WordPress CDN 解決方案。