【性能优化】——前端性能优化之图片

前言：本文参考学习自 RenChao Guan的博客，来源FSUX.ME，感谢原作者，本文的思维导图为自己整理

---

 

补充：

• 离散余弦算法 图片加载方式

• CSS Sprites

• 响应式动态图片加载（SDK）

<picture>
       <source src="/path/to/medium-image.png" media="(min-width:600px)">
        <source src="/path/to/large-image.png" media="(min-width:800px)">
        <image src="/path/to/mobile-image.png" alt="image description">
</picture>