目录
统计结果
经过一番折腾，在Lighthouse中，评分很接近，可以说是没有差别。特别说明，该测试结果为移动设备的测试结果。
原因分析
- h2加持下图片是并行加载的，在带宽足够的情况下，即便是全部图片一起加载，加载时间几乎没有差别。
- Lighthouse中的评分权重，LCP比重是比较高的，而图片加载在这里几乎没有影响。
- 可能和测试图片大小有关，测试案例中图片过小，指定为webp省出来的带宽并不能在评分中体现
- 设定图片长宽可以减少回流，但Lighthouse测试不会滚动滚动条，对此影响有限。
和当前有关的优化提示
Image elements do not have explicit width and height
Set an explicit width and height on image elements to reduce layout shifts and improve CLS
图片设定宽高可以减少回流，即：_SWH=1
Properly size images
Serve images that are appropriately-sized to save cellular data and improve load time.
建议用缩略图，即：即：w=100&h=100
(当前图片链接是支持指定尺寸返回的，但目前用的阿markdown edit，预览图片并没有支持原图，所以没弄)
Serve images in next-gen formats
Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption
用压缩性能更好的格式，如WebP,AVIF。即：_ST=1
runtime set
Lighthouse 是区分版本的，各个版本的评分权重并不一致，在这里补充一张runtime set。
特别注意
Lighthouse 在设备设定为移动设备时，第二次运行时，窗口数据是不对的，如果此时直接运行，得到的结果可能不符合预期，我这边的表现是：桌面模式下会多显示一个便签列表，会验证影响性能，多次触发回流，评分会少个7分左右
