对于网页来说，在所下载的字节数中，图片往往会占很大比例，图片的解码时间是我们性能优化的参考之一，我们可以借助chrome的Dev Tools查看图片的解码时间以及其他各种信息。
1、打开需要检查的网站，打开dev tools的performance面板
2、清空浏览器缓存，确保浏览器没有缓存需要加载的图片
3、点击performance面板左上角的刷新按钮start profiling and reload page，如图
4、可以在图片加载完成之后点击stop，也可以等待页面加载完成，可以看到所有资源的信息了
5、在面板中 command+F，搜索指定图片的名称，按enter 找到图片的Image Decode信息，可以看到解码时间啦
6、也可以搜索Image Decode查看所有图片的解码信息以及其他信息
注意： 目前chrome浏览器可以看到解码时间的图片类型不包括svg和webp。
Happy Ending... 💃💃💃💃💃💃
