css - 通过 CloudFront 加载 CSS 图像精灵的速度比本地加载慢

Question

我刚刚将我的 CSS 图像精灵更改为从本地运行到 CloudFront，现在出现了明显的延迟，即使跨页面和页面重新加载也是如此。关于为什么会发生这种情况的任何想法？

Answer 1

将图像从localhost服务器移动（在本例中为CloudFront）总是会导致速度损失（localhost当然，相对于 ）。这是因为即使拥有出色的托管服务，浏览器也必须通过 Internet向该服务器发送一个 http 请求，以查明文档是否在之前被缓存后被修改过（未修改：HTTP 响应304）。

假设不需要再次下载/重新缓存该文档，这应该是 CSS 图像请求的结尾（特别是如果您使用的是 css-sprites）。

如果由于缓存过期或文档更改而必须重新下载图像精灵，那么显然浏览器必须通过互联网和网络再次下载文件。由于您自己的网络/内联网、您的房子和您的邻居之间的家庭和机柜之间的争用以及您的 ISP 为您提供的任何速度，这都会产生成本。

而是localhost同一台机器，并且（可能）具有以毫秒为单位的响应。相比之下，访问亚马逊的 CloudFront 可能只需要一两秒钟，但这仍然是一个数量级（或更多）的时间。