webpack打包小圖片時進行Base64轉碼


關於base64

優點:

  base64就是一串字符串碼表示的圖片,在加載頁面和js時一塊加載出來,減少了加載圖片時的http請求。加載一張圖片時會發起一次http請求,http請求每次建立都會需要一定的時間,對於加載一張小圖來說,下載圖片所需的時間會比建立http請求的時間要短,

所以對小圖進行base64轉碼是優化http請求,保證頁面加速渲染,加快頁面加載速度。

缺點:

  base64會增加圖片本身的大小,對於小圖來說,轉碼增加的大小導致js加載延時能遠遠彌補建立http請求的時長。這種取舍是划算的。可是對於大圖來說,這樣的取舍是不划算的。

 

-THE END-


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM