今天是: 2020年12月03日 星期四

您现在的位置是:
首页 » 技术分享 » 如何实现WordPress图像和视频懒加载

如何实现WordPress图像和视频懒加载

什么是延迟加载以及它如何工作?

延迟加载(又称懒加载)是一种加载可见内容的优化技术,即延迟下载和呈现在首屏下方需要显示的内容。这也是谷歌极力推广的网页优化策略“缩减首屏内容的大小”,如果您的WordPress文章和页面包含大量嵌入式视频和高分辨率图像,这是一种应该考虑的技术。

延迟加载的工作方式如下:

  • 浏览器在不下载图像和预加载视频下构建网页DOM而。
  • JavaScript用于确定要下载哪些图像以及根据页面加载时最初可见的内容预加载哪些视频。这些图像和视频会根据需要下载和预加载。
  • 下载和呈现其他视频会延迟,直到网站访问者向下滚动页面并且其他内容进入视图。

最终结果是,在实际需要之前,不会下载图像和加载视频。这可以为包含大量高分辨率图像和嵌入视频的网站实现显着的性能提升。

WordPress延迟加载

与许多其他网站性能问题一样,WordPress延迟加载也是可以通过插件来解决。 实际上,WordPress插件库有许多插件可用于延迟加载图像和视频。 这样的插件林林总总,我们从中挑了五个可以显着提高网站性能的插件。 如果您已准备好实施延迟加载,可以考虑这五个插件。

使用延迟加载插件提高页面加载速度

推荐五个WordPress延时加载插件BJ Lazy Load,Lazy Load XT,a3 Lazy Load和Lazy Load(Lazy Load for Videos),  当你尝试使用WordPress延迟加载插件时,一定要做一个前后测试,以确保能够达到你预期的结果。

  • BJ Lazy Load
  • Lazy Load XT
  • a3 Lazy Load
  • Lazy Load
  • Lazy Load for Videos

懒加载对SEO的影响

无论你最终使用哪个插件进行WordPress延迟加载,都要考究到对SEO的影响。需要确保以下两件事:

  1. 确保搜索引擎仍然可以抓取延迟加载的图片。 您可以使用Google Search Console中抓取菜单下的“Fetch as Google” 工具进行检查。其实如果可以在源代码中看到图像内容,那么很可能就没问题。
  2. 确保懒加载图片上使用alt,因为这对搜索引擎图片搜索排名很重要
点赞