页面上有图片，该怎么优化呢

这个是vue的项目，因为要求图片进入有动画，有的图片不要求有进入动画，所以每个页面上基本上都要加载3、4张图片。图片有渲染时间，一开始加载不出来，过个几百毫秒才能加载，给甲方的感觉是页面卡顿了。目前图片资源都是放到了public下，都没打包，大佬们这种情况下该怎么优化呢🤐

图片特多的话可以在初始化页面加个 loading 统一加载，或者你在每个页面单独预加载下一个页面的图片

不感兴趣

开通SVIP免广告

你这种按照顺序走下去的页面，可以利用预加载图片的方式，在上一个页面加载下一个页面的图片，然后下一个页面由于缓存的关系可以直接获取到上一个页面加载好的图片。不过可能会出现图片下载未完成用户直接进下一个页面的情况，这时可能得给点页面跳转延迟。
图片不大的话，可以做base64直接写上去。
也可以找ui弄份没那么大也不是特别清晰但是内容还是差不多有的压缩图，先用这种图占位，然后等高清图下载完成了替换原本位置的压缩图。