FB + Twitter分享按鈕+ FB Like按鈕===巨大的性能問題

我的全新工作充滿了奇妙而可怕的驚喜。這項工作最有趣的部分之一就是加強，加速，使一切規模擴大的意願。今天，第一個真正的問題。以下是這筆交易：我們最多可獲得20個列表元素，每個列表元素都顯示自己的Facebook分享，Twitter分享和Facebook Like按鈕。正如你可以想象的那樣，60個iframe的開啓對用戶體驗來說只是一種痛苦。我的問題：任何人都已經遇到過這樣的問題，你會推薦什麼來提升這些性能問題？FB + Twitter分享按鈕+ FB Like按鈕===巨大的性能問題

雖然我想到一個AddThis實現，但我希望有其他解決方案可以考慮。

來源

2011-04-07 pixelboy

+1，因爲我似乎注意到性能問題（瀏覽器窗口暫時掛起，而共享鏈接加載），即使只有一對夫婦在頁面上。 – 2011-10-03 04:28:22

提高性能的最佳方法不是複製粘貼Facebook插件中的代碼。

Facebook的Like按鈕「的代碼如下所示：

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js#appId=127702313984818&amp;xfbml=1"></script> 
<fb:like href="example.com" send="true" width="450" show_faces="true" font=""></fb:like>

問題與此是，如果你有20如按鈕，然後20 Div的是id爲」FB-根「和20倍腳本創建爲all.js被調用。最好的辦法是移動

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js#appId=127702313984818&amp;xfbml=1"></script>

到標題頁面，只要你想一個喜歡按鈕，只用

<fb:like href="example.com" send="true" width="450" show_faces="true" font=""></fb:like>

也是一樣的Facebook評論其他&插件。

此外，foir一些插件Facebook提供選項使用xfmbl或iframe代碼。總是選擇iframe代碼，因爲facebook的js必須解析所有xfbml代碼並轉換爲iframe。它會導致大量的DOM插入並減慢頁面的速度。

希望這會有所幫助！

來源

2011-07-15 05:26:15 Tarun

FB + Twitter分享按鈕+ FB Like按鈕===巨大的性能問題

回答

相關問題