图像在内容之前加载?

时间:2011-07-19 22:10:32

标签: php image optimization image-optimization

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

我有图像部分之前和之后的内容(类似于页眉和页脚,图像是介于两者之间的内容)但是直到所有图像都被传输之后我才能看到页脚,这很多,每个大约500毫秒,在上一个图像加载之前没有任何内容出现!

我尝试从代理访问我的网站,但结果有所不同:图像插槽已加载,页眉和页脚也是如此,图像一个接一个地加载,但没有保存任何其他内容!< / p>

即便如此,他们的装载速度很慢...... :(

此问题出现在Mozilla Firefox和Internet Explorer上,但不会出现在Chrome或Opera上 可能导致这种情况的任何想法?
而且,根据我的具体情况理想优化的任何想法?提前谢谢!

干杯!

2 个答案:

答案 0 :(得分:2)

  

任何可能导致此问题的想法?

我想我们会感谢一些代码,萤火虫信息,google page speed等等。

  

任何可能导致此问题的想法?

这是一个猜测,但可能提前flushing the buffer可能会有所帮助

  

而且,对于我的具体情况理想优化的任何想法?

使用Post-load

YUI image loader您的图片(其他资源)。

  

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

加载javascript时,您应该使用non-blocking javascript using headjs for example或者只是放置javascript at the bottom

我建议您查看Yahoo!'s best practicesGoogle Page speed page以及

答案 1 :(得分:1)

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

如果你真的很担心它,你可以做一个JavaScript启动画面,它会说“请等待内容加载”,然后在页面加载后删除。

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