我刚刚将我的CSS图像精灵更改为从本地运行到CloudFront,现在存在显着的延迟,即使在页面和页面重新加载时也是如此。任何想法为什么这可能发生?通过CloudFront比本地加载速度更慢的CSS图像精灵
回答
将图像从localhost
移动到服务器(在这种情况下为CloudFront)总是会导致速度损失(当然相对于localhost
)。这是因为即使有伟大的托管服务,浏览器必须通过因特网发送http请求到该服务器,以查明该文档是否因为之前被缓存而被修改,或者不是(未修改:HTTP响应304
)。
假设文档不需要再次下载/重新缓存,这应该是CSS的图像请求的结尾(特别是如果您使用的是css-sprites)。
如果因为缓存已过期或文档已更改而必须重新下载图像精灵,那么显然浏览器必须通过互联网和网络再次下载该文件。由于您自己的网络/企业内部网,家庭与家庭之间的家庭与邻居之间的争用,以及您的ISP为您提供的任何速度,都会产生成本。
而localhost
是相同的机器,并且(可能)具有以毫秒为单位测量的响应。相比之下,访问亚马逊的CloudFront可能只需要一两秒钟,但这仍然是一个数量级(或更多)。
谢谢!出于某种原因,Cache-Control头文件没有正确更新,并且我在S3浏览器中遇到了一个奇怪的问题(因为我无法加载它)。所以浏览器不会进行任何缓存,我仍然无法设置任何过期标题。 – 2010-10-08 04:58:51
现在S3浏览器已经备份。一定是中断。设置缓存标题后,问题不会出现在我身上。但高层次的概述是绝对赞赏的。 – 2010-10-08 05:05:09
请记住,CloudFront会将S3对象缓存24小时或其他内容。因此,如果您在S3上设置缓存控制标头,但CloudFront在您执行此操作之前已经缓存了您的对象,那么您将不会看到标头已设置一段时间的对象版本。 – tfe 2010-10-10 00:32:35
- 1. CSS整个小精灵图像加载
- 2. CSS图像精灵
- 3. CSS图像精灵
- 4. css精灵或图像地图?
- 5. 图像加载速度太慢头()
- 6. 加载图像滑行速度很慢
- 7. html - 背景图像加载速度慢
- 8. CSS - 图片精灵过度使用
- 9. Pygame:加载图像的精灵
- 10. CSS图像精灵错误
- 11. 通过循环加载精灵
- 12. 只针对我的图像精灵通过CSS
- 13. 使用加速度计在精灵旋转时弹出精灵
- 14. Corona SDK动态更改精灵速度
- 15. 如何在CSS中通过class/id调用精灵图像?
- 16. 加载图像作为背景与css精灵
- 17. jQuery的加载速度比使用它的其他脚本慢
- 18. 的DbContext加载速度慢
- 19. 文本和图像精灵
- 20. 加载JSP页面速度过慢
- 21. 如何加载其他图像,如果当前图像加载速度慢?
- 22. CSS图像精灵 - 更改显示设置图像不显示
- 23. 用于SVG图像的css精灵
- 24. 精灵图片CSS
- 25. Css背景图像破解与较大的图像(CSS精灵)
- 26. Webview加载速度慢
- 27. 使用VisualWorks加载图像(图形)速度很慢
- 28. 为什么glClear()在iPhone上的点精灵速度缓慢?
- 29. 加载本地字体通过CSS
- 30. 透明度在CSS精灵
本地'是什么意思,在上下文中,'本地主机'? – 2010-10-08 03:36:42
@大卫托马斯,是的,本地主机。 – 2010-10-08 04:39:34