web图像格式对比(一)
· 阅读需 12 分钟
背景
根据 httpachive 的统计数据,在统计的 5,431,533 个 PC 页面中:
-
图像流量平均占页面的 44.5%(1032.0 KB -> 2317.8 KB)
-
请求数量平均占页面的 33%(25 -> 76)
所以图像数据在网站内容部分占比巨大,使用合适的图像格式能有效降低网站的流量带宽,同时降低网络传输延时,提升用户体验。
根据 httpachive 的统计数据,在统计的 5,431,533 个 PC 页面中:
图像流量平均占页面的 44.5%(1032.0 KB -> 2317.8 KB)
请求数量平均占页面的 33%(25 -> 76)
所以图像数据在网站内容部分占比巨大,使用合适的图像格式能有效降低网站的流量带宽,同时降低网络传输延时,提升用户体验。
前端时间实现了一个用canvas
往模板图片绘制数据的功能点,遇到了一个跨域引起canvas
污染的问题,仔细发掘下去发现不少的技术点。
本文介绍解决监听开发环境代理地址更改后自动重启webpack-dev-server
的问题。