前端展示大批量图片如何优化

背景：

1. 一般对广告或者需要大量通过图片来进行展示的业务场景，容易造成首屏加载速度过慢。
2. 针对于这种场景下，首先分析。

加载速度

1. 图片懒加载

2. 待代码分析

3. cdn

4. 骨架屏

体积缩小

1. 格式Webp 相比于png等体积更下压缩效果好，但是兼容性较差。
2. 开启gzip压缩

以上是大概的一个分析解决思路，那么慢的根源是什么呢，自然还是要从网络层面分析

1. 由于请求依赖于http 一般是1.1版本，由于存在队头阻塞问题，即便是2.0由于依赖于tcp，还是会造成阻塞。
2. 以及请求图片的时候，并没有实际尺寸，只有资源返回后重新计算，造成回流