Question

我的全新工作充满了奇妙而可怕的惊喜。这项工作中最有趣的部分之一是增强，加速，使一切规模扩大的意愿。而今天，第一个真正的问题。这是交易：我们最多可以获得20个列表元素，每个元素都显示自己的Facebook共享，Twitter共享和Facebook赞按钮。可以想象，打开60个iframe只是用户体验的痛苦。我的问题：任何人都已经遇到过这样的问题，你会建议什么来升级这些性能问题？

虽然我正在考虑使用AddThis实现，但我希望还有其他可以考虑的解决方案。

Answer 1

提高性能的最佳方法是不要从Facebook插件中复制粘贴代码。

Facebook'Like Button'代码如下：

<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-root”，并且调用all.js的脚本的20倍。最好的方法是移动

<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评论＆amp;其他插件。

另外，foir一些插件facebook提供了使用xfmbl或iframe代码的选项。总是选择iframe代码，因为facebook的js必须解析所有xfbml代码并转换为iframe。它会导致大量DOM插入并减慢页面速度。

希望这有帮助！

FB + Twitter分享按钮+ FB赞按钮===巨大的性能问题

1 个答案: