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

Question

我有一个复杂的页面，其中包含多个用户控件，例如画廊、 map 、广告等。

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

所以我现在想做我们之前为 Adtech flash 垃圾所做的事情 - 一个 iframe。除了我不担心这些控件的 SEO 影响之外，人们如何看待这种方法？利弊请。

谢谢，丹尼斯

Answer 1

真正提高页面性能的是serve the content from different subdomains .

例如，您可能会发疯并拥有一个 js.example.com 一个 images.example.com 和一个 www.example.com，允许用户的浏览器一次获取更多内容，因为大多数浏览器允许每个域最多下载两次。当然，通常做的是有一个 static.example.com 和一个 www.example.com，因此只比普通网络服务器稍微复杂一点。

这为您带来了其他优势:

• static server可以在很远的 future 到期日期提供服务，以利用浏览器的缓存。
• 你可以strip almost all headers来自静态服务器，减少带宽。
• 您的静态服务器不会传输动态 (www.) 服务器可以设置的 cookie(请记住，您设置的每个 cookie 都会在每个请求 中发送)， reducing bandwidth .

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

---

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