延迟加载和预加载

释放双眼,带上耳机,听听看~!

研究表明,大约50%的互联网用户希望网页在两秒或更短的时间内加载,这意味着如果网站需要三秒钟才能运转起来,那么就有相当大的机会失去访问者,这个问题则可以通过减少页面加载时间来提高转化率。

1、延迟加载

延迟加载是指只在需要时加载必要的页面,目的是节约系统资源,提高整体速度和性能。就图片而言,延迟加载是指任何非立即需要的图片在被调用之前不会加载。它的原理是在原始内容中增加属性,通过将图像加载推迟到需要的时间,网页能够更快地只加载立即需要的图像。页面上不在用户视窗中的图片将被占位图填充,直到需要为止。

2、预加载

延迟加载需要花时间来加载图片,而预加载则没有同样的耐心。预加载是指一次性强制加载页面上所有资产的动作。它加载相关的实体,即使访问者从未向下滚动。可能以前也见到过预加载。如果曾访问过显示加载屏幕、有很多照片或视频的页面,这就是预加载。预加载可以一次性加载所有的资源,但它可能会导致速度更慢,增加带宽和资源使用量。像Windows虚拟主机的带宽比较小的时候,就会出现预加载这种情况。

3、延迟加载和预加载的对比

延迟加载提供了一系列的好处,如减少请求,更快的加载时间,更少的资源和带宽保护。如果在一个页面上有很多照片,或者一篇文章中包含多张照片,这一点特别有用。而对于移动网站来说,用户往往更加没有耐心。

而预加载可以确保网站及其所有相关的资产一次性加载。如果有轻量级的资产或快速查询,预加载可以是一个很好的选择,因为它可以通过无需执行额外的SQL查询来节省时间。

对于延迟加载和预加载来说,哪种类型的加载效果最好,这取决于个人需求。

4、WordPress中的延迟加载

WordPress在5.5版本中默认引入了图片的延迟加载功能,会给网站速度带来很大的提升。WordPress核心提交人Felix Arntz在5.5公告中提到,随着WordPress默认启用原生的延迟加载,将极大影响数百万网站的性能和用户体验,而不需要任何技术知识,甚至不需要意识到延迟加载这个概念。


了解更多服务器及资讯,请关注梦飞科技官方网站 https://www.mfisp.com/,感谢您的支持!

文章链接: https://www.mfisp.com/1207.html

文章标题:延迟加载和预加载

文章版权:梦飞科技所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA买糖
共{{data.count}}人
人已赞赏
服务器vps推荐

服务器响应过慢怎么解决

2021-10-28 17:56:03

主机控制面板服务器vps推荐

如何在 Linux 中更改以太网卡的速度和双工

2021-10-28 20:57:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧

梦飞科技 - 最新云主机促销服务器租用优惠