延迟加载和预加载

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

1、延迟加载

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

2、预加载

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

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

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

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

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

4、WordPress中的延迟加载

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

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