跳到主要内容

懒加载问题

  • 首屏数据需要做懒加载，会提高首屏页面加载，会提高SEO爬虫抓取
  • 长列表 / 无限滚动 是懒加载的必须

懒加载技巧​

  • 用户 1 秒内能看到的，不懒加载
  • 用户必须操作才能看到的，懒加载

哪些场景【不建议】懒加载​

  • 首屏核心图片

为什么“不是所有图片都该懒加载”？​

图片懒加载本质是 用 JS 换网络与性能，它有好处，也有成本。

懒加载的收益​

  • 减少首屏请求数
  • 降低带宽占用
  • 减少内存 & 解码压力
  • 对长列表、瀑布流非常友好

懒加载的代价​

  • 首屏可能变慢（JS 执行 + observer）
  • SEO / 爬虫可能看不到图片
  • 需要兜底（占位图、错误图）
  • iOS WebView / 老机型可能抖动

场景​

  • 官网首屏展示剧集，是否需要图片懒加载?
    • 如果首屏的数据太多，只展示在可视区域的图片，当用户滚动才进行懒加载图片