php - 文档中的最后一张图像无法加载 - "Failed to Load Resource"

Question

刷新后网站的初始页面加载出现问题。我使用 Chrome 进行开发，但这个问题在所有浏览器中都很明显。

我收到消息“正在等待 mysite.com...” 并且加载指示器一直在旋转。这种情况持续了大约 10 秒钟，然后 Chrome 放弃并告诉我 “无法加载资源 'foobah.png'” 从开发人员控制台中。图像肯定在指定的路径上。有时加载有时不加载。如果我完全删除对该图像的引用，错误将落在页面内的不同图像上。这是一个有规律但间歇性的故障。

我的网站有大量 javascript(2500 多行)，我怀疑这可能与以下两者有关:

1. Javascript 加载干扰 图片加载。
2. 发生了一些有趣的事情 图片缓存。

有没有人遇到过此类页面加载问题？

感谢您提供的任何帮助!

示例网址: 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 还为您提供免费成员(member)资格以进行测试。

希望这对您有所帮助。

克里斯。