世界上有两种类型的 JPG:基线和渐进式。渐进式更好。Ann Robson 向我们展示了原因。
在本地使用限速带宽进行实验,一个 80K 的渐进式 jpeg 在 Windows 上的 Firefox 中比一个 5K 的基线 jpeg(相同的图像,缩小尺寸)更快地加载到页面上。这应该会让你大吃一惊。当然,渐进式 jpeg 的第一次显示是低分辨率的,但它包含与小图像一样多或更多的信息。而且,如果你缩小了视图,比如在移动设备上,你不会注意到它是低分辨率的。这就是响应式图像现在为我们工作的方式!
这只是一个原因。遗憾的是,她的研究表明,互联网上超过 9/10 的 JPG 是基线。样本量相当小,但仍然如此。