性能 - 一些图像下载速度很慢答案

【问题标题】：Performance - some images are slow to download性能 - 一些图像下载速度很慢
【发布时间】：2011-10-12 10:18:55
【问题描述】：

我的网站存在一些性能问题。
一些图片需要很长时间才能被浏览器下载。

问题似乎只涉及图像（不是 js 脚本或 css）

我正在使用 Google Chrome 的开发者工具中的网络窗格。

这些图片不大...其中一些不到 1KB，但可能需要超过 30 秒！

下载速度慢的图像并不总是相同的......它们会随着位置的变化而变化。

这个问题来自不同地理区域的许多用户...所以我不认为我的连接有问题。

开发者工具说，有时很多时间用于接收，而另一些时间则用于等待

顺便说一下，我不确定这个标签代表什么（等待、接收、阻塞、ecc）我找不到 Google 的官方指南，有人知道更多吗？

可能是什么问题？

【问题讨论】：

【解决方案1】：

问题是您有很多小图像。每个图像都需要通过带有所有标头和延迟的 HTTP 调用来下载。因此它会导致对少量数据的许多 HTTP 请求。最佳做法是使用图像精灵来降低加载图像的延迟。有了图像精灵，您只需为小图像调用一次服务器并获取所有图像。

您的解决方案是使用图像精灵。就像谷歌和 Facebook 所做的一样。这是他们的精灵，这是执行此操作的指南：CSS Sprites: Image Slicing’s Kiss of Death:

【讨论】：