图片优化处理

1. 选择合适的图片格式和图片压缩，可从根源上截图大图加载过慢的问题

   • 图片格式:jpg < png < WebP 等
   • 图片压缩:使用图片处理工具进行图片压缩

2. 使用 iconfont（SVG）和 CSS 代替图片等可减少图片 http 请求，提高页面加载速度

3. 使用 CDN 图片可达到分流的效果，减少服务压力,CDN 服务可以在服务器上优化图片，将优化后的图片传送给用户

4. 图片懒加载，预加载，渐进式图片等可不同程度减少白屏时间，提高产品体验

   • 图片懒加载：到监听页面滚动位置，符合条件了再去进行资源加载(核心src)
   • 渐进式图片： imagemin 是目前比较常用的压缩图片的 NodeJS 库，使用progressive: true选项，将图片转换为渐进式图片

参考文章

https://www.infoq.cn/article/gxv277o5zzsr5w5er4pe > https://learnku.com/articles/38451