sprite - http请求和文件大小

Question

大家好，我正在寻找有关精灵的所有信息以及它们如何加速您的页面。

所以我使用 spriteMe 创建了一个 130kb 的整体 sprite 图像，它由 14 个图像组成，总大小约为 65kb

那么有一个 http 请求和一个 130kb 的文件大小或 14 个请求总共 65kb 更好吗？

还有一张详细的图片，尽管它导致它的大小增加了大约 60kb，这曾经是一个单独的 jpg 图像，只有 30kb。将它分开并承受额外的请求会更好吗？

Answer 1

这可以取决于。通过将项目组合到一个请求中可以改进 14 个请求，因为限制 http 请求是您想要到达的地方，因为这将使您的页面作为一个请求更具响应性，尽管较大的请求比 14 个较小的请求阻塞更少。

我说这取决于，因为有时将精灵拆分成相关项目组是有意义的，而不是为所有东西都拥有一个大精灵，这将取决于项目的复杂性，如果您正在处理一组简单的图像，一个精灵效果很好。