今天发现一个问题，有一些图片，大约16kb左右（甚至更大的banner图），并没有被打包到项目中，也没有被转为base64格式，这部分图片默认是延迟加载的，我做了如下测试，请求一个页面，页面上通过i标签放了一个背景图片，然后通过:hover来改变其背景图片；

当我请求到该页面，等待一段时间，然后鼠标移动到该按钮上，f12可以看到有请求发出，并且请求到该背景，但是这时有一个问题，在请求图片过程中，:hover上去的图片是不可见的，就是说有一段时间的空白期，用户体验非常不好，该如何处理这类型问题呢：

对于这种小图片，我的想法是，做成svg，合并到一张图片上，通过backgrond-postion来做相同的效果，但是svg体积比较小

1、多大图片分界点会被打包（转成base64）到一起呢？
2、svg虽然提交小，但是如果图片多，打包到一起还是对app的提交有所影响吧，该如何对待这个问题呢？是打包，还是延迟加载？
3、对于大很多的banner图（140kb-200kb），怎么处理好呢，在加载这类图片的时候明显可以看到请求时所带来的空白期