如果我的html页面有一个大图像用作background-image，那么如何让整个页面加载速度更快？拥有大背景图像的最佳做法是什么？
由于
答案 0 :(得分：2)
最佳做法是使用小背景图像。如果您有重复的背景图像，请尝试将其限制为最小的重复单位; CSS将自动在x和y方向上无限重复图像。 “
如果你有一个非重复的背景图像，那么你显然无法裁剪图像使其变小。在这种情况下，您可能需要设置background-size:cover和background-repeat:no-repeat，以便整个图像填满整个屏幕而不重复。这里的最佳做法可能是使用一些高压缩文件，如JPEG而不是PNG。
答案 1 :(得分：1)
尽可能压缩图像。您的瓶颈是通过线路传输数据 - 页面等待CSS完成加载以“准备好”，因此需要传输的字节越少越好。或者，您可以将静态资产存储在像Akamai这样的CDN上，这样可以从更近的位置快速地为用户提供服务。