lazy loading)是指在 web 应用程序中,延迟加载(deferred loading)网页上的某些部分,在用户滚动页面、点击按钮等交互行为后再进行加载,以提高网页性能和用户体验。
懒加载的作用主要有两方面:
- 提升网页性能:通过懒加载,可以减少初次加载时需要下载的资源量,提高首屏加载速度和整体页面的加载速度。这样可以降低网站的服务器负担,同时避免了用户在等待过程中出现“白屏”现象。
- 改善用户体验:懒加载可以在保证页面内容完整的情况下,缩短网页的加载时间,让用户更快地获取到所需信息。此外,懒加载还可以避免未必需要的资源加载,从而提高用户体验和满意度。
懒加载通常应用于图片、音视频、广告等较大资源的加载,常见的实现方式包括 Intersection Observer API、jQuery lazyload 插件等。
关键词:
- 懒加载(lazy loading)
- 网页性能 (web performance)
- 延迟加载(deferred loading)
- 用户体验 (user experience)
- 首屏加载 (first paint)
- 服务器负担 (server load)
- 白屏 (blank screen)
- 图片、音视频 (images, audio and video)
- Intersection Observer API
- jQuery lazyload 插件
2023-05-11 19:35:34 更新