web - 更快地加载网站图像

Question

是否可以改进网站背景图像以更快地加载它。我网站的背景图片大小为 1258X441，内存大小为 656KB。访问我的网站时加载完整的背景图像需要很长时间。除了压缩（因为图像已经压缩）之外，还有其他方法可以提高其加载速度。

Answer 1

选择：（2.是我的主要解决方案，3.）

1. 进一步压缩图像，因为图像是背景，所以没关系。用户不会像关注内容那样关注背景。
2. 由于背景部分被内容覆盖，您可以将不可见的背景部分（位于内容后面）涂成黑色（或任何其他纯色）。这将使图像压缩得更好，节省一些地方。
3. 以JPG 渐进式压缩保存图像。随着图像加载，这将使背景显示的质量逐渐提高。
4. 摆脱背景图像。（明显的） ：）
5. 今天的网络速度很大，不要改变任何东西。

另外：如果您的 PNG 图像有任何重复部分，您可以将图像分成三部分并节省大量空间。

Answer 2

加载背景图像的速度取决于（忽略延迟的）连接带宽和图像大小。因此，如果您有 128 KB/s 和大小为 4096 KB 的图像，您至少需要

4096/128 = 32s

让它加载。

由于您无法更改带宽，因此您唯一可以做的就是更改图片的大小。也就是说，如果不能再压缩，就降低分辨率。

如果您不想失去精确度，您可以在您的网站中放置不同质量的不同背景层，更好的而不是坏的。然后当你的页面加载时，低质量的图像加载速度很快，你会得到一些背景。然后随着时间的推移，加载质量更好的图像并改善背景。

Answer 3

将您的图像加载到数据库中并在需要时调用它们。这样做的好处是？数据库在您启动后正在加载，并且可以在需要时检索信息。与任何其他技术相比，它都快