使用美国云服务器搭建的网站加载时间越短,越容易留住访问者。据研究表明,大约50%的互联网用户希望网页在两秒或更短的时间内加载,这意味着如果网站需要三秒钟才能运转起来,那么就有相当大的机会失去访问者,这个问题则可以通过减少页面加载时间来提高转化率。
1、延迟加载
延迟加载是指只在需要时加载必要的页面,目的是节约系统资源,提高整体速度和性能。就图片而言,延迟加载是指任何非立即需要的图片在被调用之前不会加载。它的原理是在原始内容中增加属性,通过将图像加载推迟到需要的时间,网页能够更快地只加载立即需要的图像。页面上不在用户视窗中的图片将被占位图填充,直到需要为止。
2、预加载
延迟加载需要花时间来加载图片,而预加载则没有同样的耐心。预加载是指一次性强制加载页面上所有资产的动作。它加载相关的实体,即使访问者从未向下滚动。可能以前也见到过预加载。如果曾访问过显示加载屏幕、有很多照片或视频的页面,这就是预加载。预加载可以一次性加载所有的资源,但它可能会导致速度更慢,增加带宽和资源使用量。像Windows虚拟主机的带宽比较小的时候,就会出现预加载这种情况。
3、延迟加载和预加载的对比
延迟加载提供了一系列的好处,如减少请求,更快的加载时间,更少的资源和带宽保护。如果在一个页面上有很多照片,或者一篇文章中包含多张照片,这一点特别有用。而对于移动网站来说,用户往往更加没有耐心。
而预加载可以确保网站及其所有相关的资产一次性加载。如果有轻量级的资产或快速查询,预加载可以是一个很好的选择,因为它可以通过无需执行额外的SQL查询来节省时间。
对于延迟加载和预加载来说,哪种类型的加载效果最好,这取决于个人需求。
4、WordPress中的延迟加载
WordPress在5.5版本中默认引入了图片的延迟加载功能,会给网站速度带来很大的提升。WordPress核心提交人Felix Arntz在5.5公告中提到,随着WordPress默认启用原生的延迟加载,将极大影响数百万网站的性能和用户体验,而不需要任何技术知识,甚至不需要意识到延迟加载这个概念。