本文摘自PHP中文网,作者青灯夜游,侵删。
延迟加载,也称为按需加载,它是一种在线内容的优化技术;无论是网站,还是Web应用程序都有很大的用处。下面我们就来带大家了解一下延迟加载,希望对大家有所帮助。延迟加载是什么?
通常,当用户打开网页时,整个页面的内容将被下载并一次性呈现。虽然这允许浏览器缓存网页,但不能保证用户实际上将查看所有下载的内容。
例如,如果下载整个照片库但用户仅在查看第一张图像后离开,则结果是浪费内存和带宽。
与批量加载那样一次加载整个网页并将其呈现给用户不同,当用户访问页面时,延迟加载只会帮助加载所需的部分,即当用户访问需要它的页面的一部分时,才会加载这部分的内容,并延迟剩余部分的内容。
延迟加载如何工作?
当有人向网页添加资源(图像,视频等)时,资源会引用一个小占位符。当用户浏览网页时,浏览器会缓存实际资源,并在资源在用户屏幕上显示时替换占位符。例如,如果用户加载网页并立即离开,则不会加载除网页顶部以外的任何内容。
延迟加载的一种形式是无限滚动,其中,当用户向下滚动页面时,加载网页的内容。它是各种网站使用的流行技术。
延迟加载的优缺点
延迟加载的优点:
1、减少时间消耗和内存使用,从而优化内容交付。
相关阅读 >>
更多相关阅读请进入《延迟加载》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者