一、問題：

頁面圖片載入很慢或訪問圖片路徑，伺服器返回圖片慢

二、解決方案

方案一、壓縮圖片

如果當前圖片為png格式，你可以轉化成jpg格式，圖片體積會小很多，這樣可能問題會直接解決

方案二、使用base64替換圖片

<img src=“http://www.aimks.com/images/wg.png”/>

替換一個寫法

<img src=“data:image/png;base64,iVBORw0KGgoAAAANSUhEU
gAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZS
BJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR
0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1C
KSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjz
MVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D”/>
 

我們把影象檔案的內容直接寫在了HTML 檔案中，這樣做的好處是，節省了一個HTTP 請求。壞處呢，就是瀏覽器不會快取這種影象。大家可以根據實際情況進行自由取捨。