使用iframe来提高页面性能是一种可接受的方法吗？

Question

我有一个复杂的页面,有几个用户控件,如画廊,地图,广告等.

我已经尝试通过确保html/css/js的完全分离来优化它们,将js放在页面的底部并尝试确保我在所有3中都有很好的编写代码但是我仍然有一个慢页面.现代浏览器并不是很明显,但可以看到统计数据和IE6/7.

所以我现在正在寻找我们之前为Adtech flash crap做的事情 - 一个iframe.除了在这些控件的情况下我并不担心的SEO影响之外,人们怎么看待这种方法呢？PROS和CONS请.

谢谢,丹尼斯

Answer 1

真正提高页面效果的是提供来自不同子域的内容.

例如,你可以去疯了,有js.example.com一个images.example.com和www.example.com,让用户的浏览器在一个时间内完成更多的事情,因为大多数浏览器允许最多每个域两个下载的.当然,通常做的是拥有a static.example.com和a www.example.com,因此保持它只比普通的web服务器稍微复杂一些.

这为您提供了其他优势:

• 该静态服务器可以在未来到期日远起到采取浏览器的缓存的优势.
• 您可以从静态服务器中剥离几乎所有标头,从而减少带宽.
• 您的静态服务器不会传输dynamic(www.)服务器可以设置的cookie(请记住,您设置的每个cookie都在每个请求中发送),从而减少了带宽.

此外,您应该加倍努力,同时缩小静态内容并使用服务器站点压缩(GZIP)来提供内容.

对于广告服务器,请尝试使用优秀的提供商,并将所有广告内容保留在页面底部.如果访问者访问您的网页,但只是为他提供空白页面,因为浏览器正忙着等待广告加载,他会离开,而如果您给他内容然后加载广告,他很可能会留下在网站上的内容,并看到广告.

Answer 2

iframe不是世界末日,但也许你可能想尝试ajax.然后页面可以立即加载几个加载GIF,小部件将在那里.然后为每个小部件创建一个新的ajax请求,并且在repsonse上,加载的gif将被替换为小部件数据.

更新:我猜"延迟加载"是正确的术语.