如何在 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 解决方案。