千万不要被表面上的文字描述吓到,这里的延迟加载可不是要延迟打开网站的速度,而是延迟加载网站上的某些暂时不需要的部件和元素。例如,浏览器会在你访问网站的时候就加载整个页面的内容,即使是位于页面下方并不会很快浏览到的内容,这就大大增加了页面加载的工作量,同时也很大程度上拉长了网站页面加载的时间。而延迟加载就可以使这部分位于页面下方的内容在页面滚动到对应位置的时候再加载。hostease香港虚拟主机分享如何延迟加载WordPress图像和评论来加速网站
为什么要延迟加载WordPress的评论和图片呢?
理由很简单,就是要加快网站的访问速度,由于延迟加载了一部分的内容元素,网站初始页面的加载速度会大大加快,当然这部分内容最终还是会加载,但是不会浪费在客户等待页面显示的时间里。推荐阅读:《如何优化网站提升网站访问速度》
一个网页文件,平均有63%是由图片组成的,而这一部分图片通常并不会在网页打开的第一时间映入客户的眼帘,可想而知,延迟加载的这部分图片可以为网站打开节约多少时间。
WordPress的评论部分内容也是如此,WordPress的评论模块通常在页面的最底部,这就意味着客户并不会第一时间看到这部分内容。而且延迟加载评论可以消除页面大小和外部http请求(如果网站有使用Disqus这样的第三方评论插件的话),太多的http请求也会拖慢网站的访问速度。
如何来延迟加载WordPress的图片?
对于大部分用户来说,我们都可以通过安装和启用Lazy Load这个插件,来实现自动延迟加载所有的图片或者其他部件元素的需求。但是Lazy Load是一个非常轻量级的插件,它无法对图像延迟加载的方式进行设置,如果你想要自定义延迟加载设置,那么可以使用BJ Lazy Load 。
BJ Lazy Load 可以实现延迟加载:
– 图片
– 缩略图
– 头像
– iFrame(包括来自 YouTube 或其他网站的视频嵌入)
– 文本小部件
我们可以通过它来禁用或者延迟加载某些类型的元素,以下是可以配置的部分内容:
– 占位符图像URL:如果你想在延迟加载图像最终出现的位置包含占位符图像,那么可以在这里输入图像的URL
– 使用类跳过图像:这个是有一定技术含量的设置,如果你对CSS没有什么基础的话,那么不建议设置。它可以通过像某些图像添加CSS类强制正常加载。
– 阈值:插件默认用户滚动到图像应该出现的位置200像素以内就会加载,如果你希望图片加载的更早或者更晚,可以自行修改这个参数。
– 使用低分辨率预览图像:启用后,这会添加低分辨率预览图像来代替全分辨率图像。当图像延迟加载时,将显示完整分辨率。推荐阅读:《影响美国服务器速度的因素有哪些》
如何延迟加载 WordPress 评论?
使用现有的插件也可以轻松实现延迟加载WordPress评论,唯一需要注意的是要根据你的评论类型来选择对应插件:
– 如果是WordPress默认的评论,则使用Lazy Load for Comments。
– 如果使用的是Disqus评论,则需要使用Disqus Conditional Load。
– 如果使用的Facebook评论,使用Lazy Facebook Comments。
不过这几个插件都是来自同一个开发人员的,界面非常相似,这边截图的是WordPress默认评论配置延迟加载,同样适用于其他的插件:
– On Scroll:您的评论部分将在用户向下滚动页面时加载。它不需要用户进行任何手动操作。
– 单击时:您的评论部分仅在用户单击“加载评论”按钮后才会加载。它需要手动操作才能查看评论。
选择您喜欢的选项并保存设置,评论会按照设置预加载,例如,如果您选择On Click选项,则如下所示:
延迟加载 WordPress 图像和评论本身并不能完全解决网站访问缓慢的问题,但是,在您消除了所有明显的性能改进之后,这是从 WordPress 网站中获得更多性能的好方法。推荐相关阅读:《页面加载速度如何影响SEO呢》