文档中的最后一个图像无法加载 - "无法加载资源"

Question

我在刷新后遇到网站初始页面加载问题.我使用Chrome进行开发,但问题在所有浏览器中都很明显.

我收到消息"等待mysite.com ......"并且加载指示器继续旋转.这样保持这样大约10秒钟然后Chrome放弃并告诉我"无法从开发者控制台中加载资源'foobah.png'".图像肯定在所述的路径上.有时它加载有时不加载.如果我完全删除对此图像的引用,则错误将落在页面内的不同图像上.这是一个常规但间歇性的故障.

我的网站是javascript重(2500多行)我怀疑它可能与以下任何一个有关:

1. Javascript加载干扰图像加载.
2. 关于图像缓存的一些有趣的事情.

有没有人有这种类型的页面加载问题的经验？

感谢您提供的任何帮助!

示例URL:http: //dev.thebeer.co/imgs/UI/inboxIcon.png

Chrome开发者工具屏幕:

更新:

这是来自firebug的示例屏幕截图.您可以看到对资源的​​请求没有超时但需要很长时间才能检索. 失败的文件可以从CSS背景图像到普通图像到甚至是字体文件.我认为这个问题比客户端更深.我们也一直在体验Chrome"以下网页已经变得无法响应.您可以等待他们变得敏感或者杀死他们"偶尔会出错.我们已经剥离了所有javascript的页面,它几乎是一个裸壳!跨浏览器继续出现图像加载问题.

更新:

我发现http错误日志中的以下错误似乎与问题相关联.任何人都知道他们的意思以及如何解决这些问题？

[ Wed Feb 23 06:54:17 2011] [debug] proxy_util.c(1854): proxy: grabbed scoreboard slot 0 in child 5871 for worker proxy:reverse
[Wed Feb 23 06:54:17 2011] [debug] proxy_util.c(1967): proxy: initialized single connection worker 0 in child 5871 for (*)
[Wed Feb 23 06:54:24 2011] [debug] proxy_util.c(1854): proxy: grabbed scoreboard slot 0 in child 5872 for worker proxy:reverse
[Wed Feb 23 06:54:24 2011] [debug] proxy_util.c(1873): proxy: worker proxy:reverse already initialized
[Wed Feb 23 06:54:24 2011] [debug] proxy_util.c(1967): proxy: initialized single connection worker 0 in child 5872 for (*)
[Wed Feb 23 06:59:15 2011] [debug] proxy_util.c(1854): proxy: grabbed scoreboard slot 0 in child 5954 for worker proxy:reverse
[Wed Feb 23 06:59:15 2011] [debug] proxy_util.c(1873): proxy: worker proxy:reverse already initialized

Answer 1

听起来这是一个相当繁重的网站（2500 多行 js！）。奇怪的是你只在 Chrome 上体验过它，但这可能只是因为它处理请求的方式。

由于您的静态内容如此之多，我建议使用内容分发网络 (CDN)。将您的内容传播到 CDN（和地理位置）允许用户由最近且速度最快的服务器提供服务。

有许多 CDN 提供商会收取托管您的内容的费用。我使用Amazon S3存储设施，虽然不是真正的 CDN，但可以帮助我传播静态内容，从而加快我的网站速度。

另外，使用 Amazon S3，您可以指定存储区域的地理位置，无论是美国还是欧洲等。这个地理位置可能比您现有的 Web 服务器更近，这是一个额外的好处。S3 还为您提供免费会员资格以进行测试。

希望这可以帮助。

克里斯。