如何在WordPress中轻松添加延迟加载视频
视频非常适合改善用户对您网站的参与度。但是,嵌入视频的一个缺点是它会减慢您的网站速度。在本文中,我们将向您展示如何为WordPress中的视频添加延迟加载并提高页面速度。
视频的延迟加载如何工作?
想知道什么是延迟加载,它是如何工作的?
当您在网站上嵌入视频时,您需要添加其他外部脚本和需要加载的文件。由于需要加载更多内容,因此您的网站加载速度较慢。
视频延迟加载会使用可点击的预览图像替换嵌入的Youtube和Vimeo视频。当访问者点击图像时,它会加载并播放视频。
由于图像的大小比视频小很多,因此延迟加载技术可以显着提高页面速度。
现在你了了解优势,让我们来看看如何在WordPress中加载YouTube和Vimeo视频。
如何在WordPress中为视频添加延迟加载
您需要做的第一件事就是安装并激活Lazy加载视频插件。
这个插件开箱即用,你不需要编辑任何延迟加载的jQuery脚本或任何代码。
要看到你的延迟加载工作,所有你需要做的是查看包含YouTube或Vimeo视频的帖子或页面。您会注意到默认播放器被视频缩略图和播放按钮取代。
当您单击图像时,它将加载视频并播放它。
加载视频时可能会有轻微的第二次(可忽略的)延迟,因此请不要认为延迟加载不起作用。
即使此插件开箱即用,仍然可以根据需要配置设置。
在帖子编辑器屏幕上,您可以选择YouTube视频嵌入的缩略图质量。
除了缩略图质量之外,如果您转到设置»视频的延迟加载,还有其他自定义选项可用。
在常规设置选项卡上,您可以自定义视频缩略图的外观。您可以启用响应模式,选择播放按钮样式,使用自定义CSS,甚至启用schema.org标记。
此插件同时支持YouTube和Vimeo。您可以通过单击相应的选项卡找到提供程序特定的设置。
在YouTube标签上,您可以选择颜色,缩略图质量,禁用相关视频和注释等。您甚至可以停用YouTube视频的延迟加载。
同样,在Vimeo设置选项卡上,您可以选择控件颜色,隐藏或显示视频标题,以及禁用Vimeo视频的延迟加载。
就这样。我们希望这篇文章可以帮助您为WordPress中的视频添加延迟加载。
为了进一步提高网站的速度,您需要使用W3 Total Cache插件设置WordPress CDN解决方案。