我有一个网站，当用户进行查询时，他会被带到一个包含 25 个 200x150 像素图像链接的结果页面。我的问题是（至少在我的计算机上）内容似乎没有在图像之前加载！
我在图像部分之前和之后都有内容（例如页眉和页脚，而图像是中间的内容），但在所有图像都传输完毕之前我看不到页脚，这很多，每个大约 500 毫秒，在加载前一个图像之前什么都没有出现！
我尝试从代理访问我的网站，但结果不同：加载了图像槽，页眉和页脚也加载了，并且图像一个一个地加载，但没有阻止任何其他内容被加载！
即便如此，它们的加载速度还是很慢... :(
此问题出现在 Mozilla Firefox 和 Internet Explorer 上，但不在 Chrome 或 Opera 上。
有什么想法可能导致这种情况吗？
还有更多，对我的具体情况有什么理想优化的想法吗？提前致谢！
干杯！
【问题讨论】：
标签： php image optimization image-optimization
有什么可能导致这种情况的想法吗？
我想我们会很感激一些代码、萤火虫信息、google page speed 等。
有什么可能导致这种情况的想法吗？
这是一个猜测，但早点 flushing the buffer 可能会有所帮助
还有，对我的具体情况有什么理想的优化想法吗？？
Post-load 使用 YUI image loader 您的图像（也包括其他资产）。
您可以仔细查看您的页面并问自己：“什么是 为了最初呈现页面是绝对必要的？”。其余的 的内容和组件可以等待。
在加载 javascript 时，您应该使用 non-blocking javascript using headjs for example 或者只是输入您的 javascript at the bottom。
【讨论】：
这可能不相关，因为 Chrome 和 Opera 工作得更快，但可能发生的情况是您的服务器仍在尝试获取内容并且没有完成对 HTML 的处理，这就是我用 PHP 编写的视频应用程序所做的在我修好它之前。不过，我不确定，我认为 Chrome 可能会向服务器发出多个请求，因此在等待 IE 和 FF 一次执行一项任务时会拉下图像。这只是我的最佳猜测。
如果你真的很担心，你可以做一个 JavaScript 闪屏，上面写着“请等待内容加载”，然后在页面加载后删除。
如果您想这样做，请参阅http://rainbow.arch.scriptmania.com/scripts/preload_wait.html。
【讨论】：