站点内图片性能优化

1. 采⽤图⽚压缩技术（如 TinyPNG、JPEGmini 等），减少图⽚⼤⼩，提升⽹⻚加载速度；
2. 使⽤⽮量图，替换位图；
3. 使⽤CSS Sprites技术，将多个图⽚组合成⼀个，减少HTTP请求次数；
4. 使⽤图⽚缓存机制，避免反复请求图⽚资源；
5. 使⽤CDN加速：使⽤CDN可以将图⽚缓存到离⽤户更近的服务器上（七牛云、阿里云），从⽽提⾼图⽚的加载速度。
6. 使⽤图⽚懒加载技术，对于⽹⻚中需要加载⼤量图⽚的场景，可以使⽤图⽚懒加载，即当⻚⾯滚动到某个区域时再加载该区域内的图⽚，从⽽减少⻚⾯加载时间和⽹络带宽的消耗。可以使⽤⼯具（如 lazyload、intersection-observer 等）来实现图⽚懒加载。
7. 使⽤webP格式代替JPG/PNG格式，提升图⽚显示质量。
8. 延迟加载：对于⻚⾯中的⻓列表或懒加载场景，可以延迟加载图⽚，减少⻚⾯加载时间。可以使⽤⼯具（如 lazysizes、Lozad.js 等）来实现图⽚的延迟加载。
9. 图⽚预加载：在⽤户访问⻚⾯之前，可以预加载⼀些重要的图⽚，从⽽提⾼⽤户体验。可以使⽤⼯具（如 PreloadJS、image-preload 等）来实现图⽚的预加载。

总结下就是减少传输时间（减⼩图⽚尺⼨、⽹络优化），按需传图（懒加载、延迟加载、响应式）