今天發(fā)現(xiàn)一個(gè)問(wèn)題，有一些圖片，大約16kb左右（甚至更大的banner圖），并沒(méi)有被打包到項(xiàng)目中，也沒(méi)有被轉(zhuǎn)為base64格式，這部分圖片默認(rèn)是延遲加載的，我做了如下測(cè)試，請(qǐng)求一個(gè)頁(yè)面，頁(yè)面上通過(guò)i標(biāo)簽放了一個(gè)背景圖片，然后通過(guò):hover來(lái)改變其背景圖片；

當(dāng)我請(qǐng)求到該頁(yè)面，等待一段時(shí)間，然后鼠標(biāo)移動(dòng)到該按鈕上，f12可以看到有請(qǐng)求發(fā)出，并且請(qǐng)求到該背景，但是這時(shí)有一個(gè)問(wèn)題，在請(qǐng)求圖片過(guò)程中，:hover上去的圖片是不可見(jiàn)的，就是說(shuō)有一段時(shí)間的空白期，用戶體驗(yàn)非常不好，該如何處理這類型問(wèn)題呢：

對(duì)于這種小圖片，我的想法是，做成svg，合并到一張圖片上，通過(guò)backgrond-postion來(lái)做相同的效果，但是svg體積比較小

1、多大圖片分界點(diǎn)會(huì)被打包（轉(zhuǎn)成base64）到一起呢？
2、svg雖然提交小，但是如果圖片多，打包到一起還是對(duì)app的提交有所影響吧，該如何對(duì)待這個(gè)問(wèn)題呢？是打包，還是延遲加載？
3、對(duì)于大很多的banner圖（140kb-200kb），怎么處理好呢，在加載這類圖片的時(shí)候明顯可以看到請(qǐng)求時(shí)所帶來(lái)的空白期