Facebook iframe減慢頁面加載

Question

我在我的網站上有一個頁面，我添加了Facebook的功能，通過Facebook規範中描述的框架實現。

該網站是建立在asp.net與客戶端開發通過jQuery。

頁面上的性能測試顯示它現在的加載時間比以前增加了一倍，問題在於引入了Facebook iframe。

所以需要解決這個問題。任何提示或建議？一個可能的工作可能是iframe的加載嗎？

Answer 1

我發現這也是我的一些網站的情況。一旦頁面加載完成，您可以嘗試使用JavaScript來插入iframe。

Answer 2

既然你添加的JQuery的標籤，我猜你有一些JavaScript看起來像這樣在頁面上：

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

這可以確保您的初始化代碼將不會運行，直到所有頁面元素被加載。不幸的是，這包括iframe。因此，像Alex說的那樣，在加載重要位後動態插入iframe。

Answer 3

您可以給iframe一個id，並在src中留空。

等待body onload事件，然後使用「getElementById」JavaScript方法獲取iframe的ID，然後輸入該url作爲src值。