性能优化：页面中图片加载问题的优化技巧的总结（简要版本，具体原因和分析见网页）

一、针对于图片进行一些改进

1. 图片压缩，使用TinyPng和智图
2. base64代替小图标
3. icon-font代替图标
4. 雪碧图
5. 响应式图片
6. 混合模式代替变色的图标
7. 简单图标使用 CSS 画 详情可见：juejin.cn/post/684490…

二、图片加载优化

1. 图片预加载 详情可见：juejin.cn/post/684490…
2. 图片懒加载 详情可见：juejin.cn/post/684490…

三、图片传递速度优化

1. CDN传输 详情可见：juejin.cn/post/685457…

拓展：工作中如何进行前端性能优化(21种优化+7种定位方式) 详情可见：juejin.cn/post/690451…