首頁猿問瀏覽器是直接加載二進制圖片更快還是...

瀏覽器是直接加載二進制圖片更快還是加載base64編碼的圖片更快？

JavaScript

莫回無 2018-09-11 09:14:34

瀏覽器是直接加載二進制圖片更快還是加載base64編碼的圖片更快？哪個效率更高？例如：<img src=" https://sf-static.b0.upaiyun.com/v-57e4f057/global/img/user-256.png" />和

查看完整描述

1 回答

MMMHUHU

TA貢獻1834條經驗獲得超8個贊

如果僅從加載速度上來說，小圖片使用base64毫無疑問會更快，因為可以減少一次http請求，但是如果圖片較大，轉換后的base64會更大，瀏覽器解析需要更長的時間，有可能會造成頁面阻塞，效率上應該不如直接放圖片，而且使用base64無法緩存(除非直接緩存整個文件)。
總結：分場景使用，小圖標/icon使用base64效率一定更高，大圖片使用默認方式加載，可以充分利用緩存，渲染解析效率高。
前端開發(fā)中，使用base64圖片的弊端是什么？