什么是懒加载


  • 定义: 延迟加载非关键资源
  • 目的: 减少初始页面的资源请求数, 加快页面加载速度
  • 原理
    • 识别可见区域: 确定哪些元素在用户的可见区域内, 通过监听滚动时间或使用 intersection Observer API 实现
    • 加载资源: 判断进入可见区域后开始加载资源
    • 替换占位符: 资源加载完成之前需要占位符来占据元素位置, 保持页面布局的完整性