延迟加载和预加载

服务器知识

2022-11-12 00:18:05

延迟加载和预加载

研究表明，大约50%的互联网用户希望网页在两秒或更短的时间内加载，这意味着如果网站需要三秒钟才能运转起来，那么就有相当大的机会失去访问者，这个问题则可以通过减少页面加载时间来提高转化率。 1、延迟加载延迟加载是指只在需要时加载必要的页面，目的是节约系统资源，提高整体速度和性能。就图片而言，...

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

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

序列号	CPU	RAM	HDD	带宽	售价（美元）	免费试用
香港服务器1	E5-2620	32G	1T HDD	50M/无限流量	$196.00	立即申请
香港服务器2	E5-2650	32G	1T HDD	50M/无限流量	$256.00	立即申请
香港服务器3	E5-2680	32G	1T HDD	50M/无限流量	$316.00	立即申请
香港服务器4	E5-2690	32G	1T HDD	50M/无限流量	$336.00	立即申请
香港服务器5	E5-2697	32G	1T HDD	50M/无限流量	$376.00	立即申请
香港服务器6	E5-2620*2	32G	1T HDD	50M/无限流量	$376.00	立即申请
香港服务器7	E5-2650*2	32G	1T HDD	50M/无限流量	$436.00	立即申请
香港服务器8	E5-2680*2	32G	1T HDD	50M/无限流量	$476.00	立即申请
香港服务器9	E5-2690*2	32G	1T HDD	50M/无限流量	$556.00	立即申请
香港服务器10	E5-2697*2	32G	1T HDD	50M/无限流量	$596.00	立即申请
香港服务器11	E5-2680v4*2	32G	1T HDD	50M/无限流量	$696.00	立即申请
香港服务器12	E5-2698v4*2	32G	1T HDD	50M/无限流量	$796.00	立即申请

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

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

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

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

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

4、WordPress中的延迟加载

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

问者。

推荐：