页面加载图片预览下载 接口太慢了咋整?

image.png
我是想后端把图片压一下;
或者先给我几KB的缩略图;这样页面初始话的时候就不会出现图片很久才出来,点击缩略图的时候再去请求 原始图片数据流 ?image.png 用的v-viewer 这个插件做的预览
具体怎么做 性能最好呢

已解决 悬赏分:10 - 解决时间 2021-11-27 03:53
反对 0举报 0 收藏 0

回答3

最佳
  • @

    用一张默认图片占位是有必要的,加上loading也是有必要的,但是你这个的根本问题还是要从图片本身下手,3M一张的图片不适合拿来做展示,想办法把图片体积改为300K以内展示,如果需要下载,那应该让后端把图片打包为压缩文件

    支持 0 反对 0 举报
    2021-11-26 05:03
  • @

    这种一般都是做图片懒加载啊,vue的图片懒加载插件也很多啊,推荐一个:vue-lazyload

    支持 0 反对 0 举报
    2021-11-26 05:51
  • @

    自已在网上找个loading的省略图先加载它,然后再替换src 就好了

    支持 0 反对 0 举报
    2021-11-26 07:08