当前位置: 代码迷 >> 综合 >> 图片加载慢
  详细解决方案

图片加载慢

热度:3   发布时间:2024-01-19 22:51:00.0
图片加载
当页面存在多个图片时,一次性,加载全部图片,太慢,客户不接受;
图片自身
  • 图片压缩
  • 图片格式选择
  • 图片缩略图
加载方式
  • 懒加载
    • 页面加载时只渲染屏幕可见区域及周围的图片;
    • 当页面滚动时再加载需要显示的图片;
    • 在PC端会一次性展示400+图片,该方式就不适合了;
  • 预加载
    • 提前渲染图片,当时当用户想看最后一张图片时,只能等待很久;
  • 懒加载+预加载
    • 首先加载一张图片未加载时的底图(占位)
    • 继续采用方案二的方式进行图片逐个的预加载。
    • 当滚动图片时,便改变下一站预渲染的图片为用户可见区域的第一张。
  相关解决方案