css - 图像精灵大小是否重要

Question

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

我的问题是，

1. 加载时精灵图像大小是否重要？
2. 如果尺寸在增加，我们可以把它分成两个或三个图像精灵吗？
3. 增加 HTTP 请求或进行一些压缩的最佳选择是什么？

谢谢

Answer 1

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

2. 是的

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

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