加载大图如何优化

当页面加载大图,只显示上行,下行变为灰色这种情况该如何处理?

我的思路是拿到图片的size,大概为2M,加载到20%的时候,可不可以通过开发控件 拿到2m的20% 也就是400K,400K和2m图大小不一样,自己写个reloading方法,检测过程大概会消耗60毫秒左右,完整加载一张图片大概在3000ms左右,如果我在前60ms就检测到图片没有加载出来,那就有50的机会去重新加载,如果50次都加载不出来,img onerror在更换图片,
大佬们怎么用代码实现

阅读 2.3k
3 个回答

切割成多个 前端拼接

  1. 可以使用画布压缩优化
  2. 使用雪碧图
  3. 使用懒加载
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题