css - 图像 Sprite 大小是否重要

Question

目前我正在使用大小为 200K 的图像 Sprite ，其加载时间为 4.9 秒。

我的问题是，

1. 加载时 Sprite 图像的大小是否重要？
2. 如果尺寸在增加，我们能否将其分解为两个或三个图像 Sprite ？
3. 增加 HTTP 请求或进行一些压缩的最佳选择是什么？

谢谢

Answer 1

1. 如果您希望某些图像先于其他图像显示，这很重要。显然，在整个加载完成之前，无法显示任何图像。如果有特别重要的元素，则将它们分解到一个单独的文件中。

2. 是

3. 压缩不会给您带来太多好处，因为您可能已经在使用压缩图像格式，如 jpeg 或 png。

如果您需要优化页面加载速度，我会按照第一点提出我的建议，并可能对剩余图像使用异步请求。