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

我有一个复杂的页面，有几个用户控件，如图库、地图、广告等

我试图通过确保html/css/js完全分离、将js放在页面底部以及确保我在所有3个页面中都编写了良好的代码来优化它们，但遗憾的是，我的页面仍然很慢。对于现代的浏览器来说，它不是很明显，但是可以看到统计数据和IE6/7

所以我现在想做我们之前为Adtech flash垃圾做的事情——一个iframe。除了SEO的影响，我并不担心在这些控制的情况下，人们认为这是一种方法吗？赞成和反对请

谢谢，

---

Denis

真正提高页面性能的是

例如，你可能会发疯，拥有一个

js.example.com

a

images.example.com

和一个

www.example.com

，允许用户的浏览器一次下载更多内容，因为大多数浏览器允许每个域最多两次下载。当然，通常的做法是使用一个

static.example.com

和一个

www.example.com

，从而使其比普通Web服务器稍微复杂一些

这为您提供了其他优势：

• 可以在未来很长的有效期内使用，以利用浏览器的缓存
• 您可以从静态服务器上下载，减少带宽
• 静态服务器不会传输动态（

  www.

  ）服务器可以设置的cookie（请记住，您设置的每个cookie都会在每个请求中发送）

此外，您还应该做更多的工作，缩小静态内容，并使用服务器站点压缩（GZIP）为内容提供服务

---

---

至于广告服务器，尝试使用一个好的提供者，并将所有获取广告内容的javascript留在页面底部。如果一个访问者访问了你的页面，但由于浏览器正忙着等待加载广告，它只为他提供了一个空白页面，他会离开，而如果你给他内容，然后加载广告，他很可能会留在网站上获取内容并看到广告。

添加iframe只能引发一场火焰战，您应该使用Firebug和Yslow（都是Firefox的附加组件），这将告诉您它运行缓慢的原因，并告诉您如何加快速度。

iFrame不是世界末日，但您可能想尝试ajax。然后，页面可以立即加载一些加载gif，这些小部件将放在哪里。然后为每个小部件发出一个新的ajax请求，在重复时，加载的GIF将被小部件数据替换

---

更新：我想“延迟加载”是正确的说法。

说到web UI，越少越好。如果你的页面速度慢，也许你应该分开你的控件，使它们不会同时显示

当你想把你的页面添加到书签时，iFrame常常是一团糟。他们不会加速任何事情

如果您希望有选择地加载内容，那么可以看看AJAX技术

---

最后，也许有点离题，一本关于搜索引擎优化的好书：

过去有很多人使用保险丝盒类型的页面来实现多个控件，这是可书签的，应该可以加快速度。任何类型的帧通常都是皱眉的。

一个<代码> <代码>应该有什么帮助？试试iFireAdon为Firefox的性能量度如何考虑一些关于慢/快的数字。IFRAME将允许主页加载，即使它在加载其内容时减慢。我把它看作是在相当多的网站上加载flash插件的一种方法。是的，我同意。使用“延迟加载”方法。包括jQuery或其他一些AJAX库，然后是您自己制作的另一个脚本，它使用AJAX添加其他脚本或元素。这样，在等待加载剩余内容时不会进行阻止。延迟加载在某些情况下是一个选项，但不适用于谷歌地图。我没有使用谷歌地图api，但延迟加载不起作用有什么特殊原因吗？你可能需要钻研一点，找出如何实施一两次黑客攻击，以确保事情在正确的地方出现，但这应该是可能的？我自己也没有使用过谷歌地图。。。但为什么它不是一个选项呢？我对这两个都非常熟悉，并且在这一点上已经经历了很多关于CDN的推荐。我们对静态的。和图像。我考虑过更多或更多的CDN，但还没有真正看到它的价值，因为下载时间一般都很好。浏览器计算和js执行通常是问题所在。