jquery - Facebook之类的iframe减慢了页面加载速度

Question

我的网站上有一个页面，我通过 Facebook 规范中概述的框架向其添加了类似 Facebook 的功能。

该站点内置在 asp.net 中，通过 jquery 进行客户端开发。

页面上的性能测试表明，现在加载时间比以前增加了一倍，问题在于 Facebook iframe 的引入。

所以需要解决这个问题。有什么提示或建议吗？可能的工作是异步加载 iframe 吗？

Answer 1

我发现我的一些网站也是如此。您可以尝试使用 JavaScriptiframe在页面加载后插入。

Answer 2

您可以给 iframe 一个 id 并在 src 中将其留空。

等待 body onload 事件，然后使用“getElementById”JavaScript 方法获取 iframe 的 ID，然后输入该 url 作为 src 值。

Answer 3

由于您添加了 JQuery 标记，我猜您的页面上有一些 JavaScript，如下所示：

$(document).ready(function() {
    // initialize everything here

这可以确保在加载所有页面元素之前，您的初始化代码不会运行。不幸的是，这包括 iframe。所以，像亚历克斯说的那样，在加载重要位后动态插入 iframe。