我希望我的bacgkround图像（它相当大）要缓慢缓冲（不确定这是否是该词的正确用法），例如首先质量不好，然后更好，然后再最好。恕我直言，在加载之前显示几行的“正常”加载模式看起来很丑。有办法吗？
答案 0 :(得分：3)
如果您可以使用Photoshop或类似软件，则可以将背景图像保存为渐进式jpeg-有关以下链接的更多信息。
https://www.smashingmagazine.com/2018/02/progressive-image-loading-user-perceived-performance/
这应该达到您想要的效果，即逐渐加载完整图像的高分辨率版本，直到下载完成为止，而不是逐行加载。
更新
似乎渐进式背景图片可能仅受Chrome支持。另外，我认为这里的CSS3建议（替代方法3）看起来像我要使用的方法，并结合了完整res版本上的渐进式下载。
background-image: url('extremely_compressed.jpg'),url('high_quality.jpg');