0

我有一个网站,当用户进行查询时,他会被带到一个包含 25 个 200x150 像素图像链接的结果页面。我的问题是(至少在我的电脑上)内容似乎没有在图像之前加载!

我在图像部分之前和之后都有内容(例如页眉和页脚,图像是中间的内容),但是直到所有图像都传输完毕后我才能看到页脚,这很多,大约 500 毫秒在加载前一个图像之前,每一个都没有出现!

我尝试从代理访问我的网站,但结果不同:加载了图像槽,页眉和页脚也加载了,并且图像一个一个地加载,但没有阻止任何其他内容被加载!

即便如此,它们的加载速度还是很慢...... :(

此问题出现在 Mozilla Firefox 和 Internet Explorer 上,但不在 Chrome 或 Opera 上。
有什么想法可能导致这种情况吗?
还有更多,对我的具体情况进行理想优化的任何想法?提前致谢!

干杯!

4

2 回答 2

2

有什么想法可能导致这种情况吗?

我想我们会很感激一些代码、萤火虫信息、谷歌页面速度等。

有什么想法可能导致这种情况吗?

这是一个猜测,但也许尽早刷新缓冲区可能会有所帮助

还有更多,对我的具体情况进行理想优化的任何想法?

使用YUI 图像加载器后加载您的图像(也包括其他资产)。

您可以仔细查看您的页面并问自己:“最初呈现页面绝对需要什么?”。其余的内容和组件可以等待。

加载 javascript 时,您应该使用例如 headjs 的非阻塞 javascript或者只是将您的javascript 放在底部

我建议你看看Yahoo! 的最佳实践和Google Page speed page

于 2011-07-19T22:57:52.780 回答
1

这可能不相关,因为 Chrome 和 Opera 工作得更快,但可能发生的是您的服务器仍在尝试获取内容并且没有完成对 HTML 的处理,这是我在修复之前用 PHP 编写的视频应用程序所做的它。虽然,我不确定,但我认为 Chrome 可能会向服务器发出多个请求,因此在等待 IE 和 FF 一次执行一项任务时会拉下图像。这只是我最好的猜测。

如果你真的很担心,你可以做一个 JavaScript 闪屏,上面写着“请等待内容加载”,然后在页面加载后删除。

如果您想要这样做,请参阅http://rainbow.arch.scriptmania.com/scripts/preload_wait.html 。

于 2011-07-19T22:16:50.270 回答