码迷,mamicode.com
首页 > Web开发 > 详细

webpack打包小图片时进行Base64转码

时间:2018-09-13 14:08:50      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:ase   base64   pack   加载   划算   size   加载速度   表示   字符   

关于base64

优点:

  base64就是一串字符串码表示的图片,在加载页面和js时一块加载出来,减少了加载图片时的http请求。加载一张图片时会发起一次http请求,http请求每次建立都会需要一定的时间,对于加载一张小图来说,下载图片所需的时间会比建立http请求的时间要短,

所以对小图进行base64转码是优化http请求,保证页面加速渲染,加快页面加载速度。

缺点:

  base64会增加图片本身的大小,对于小图来说,转码增加的大小导致js加载延时能远远弥补建立http请求的时长。这种取舍是划算的。可是对于大图来说,这样的取舍是不划算的。

webpack打包小图片时进行Base64转码

标签:ase   base64   pack   加载   划算   size   加载速度   表示   字符   

原文地址:https://www.cnblogs.com/menggirl23/p/9639807.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!