頁面圖片載入慢解決方案
阿新 • • 發佈:2019-01-11
一、問題:
頁面圖片載入很慢或訪問圖片路徑,伺服器返回圖片慢
二、解決方案
方案一、壓縮圖片
如果當前圖片為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 請求。壞處呢,就是瀏覽器不會快取這種影象。大家可以根據實際情況進行自由取捨。