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

2019年8月3日 158次阅读

我全新的工作充满了奇妙和可怕的惊喜.这项工作中最有趣的部分之一是增强,加速,使一切规模扩大的意愿.

而今天,第一个真正的问题.

这是交易：我们最多可以获得20个列表元素,每个元素都显示自己的Facebook共享,Twitter共享和Facebook赞按钮.

可以想象,打开60个iframe只是用户体验的痛苦.

我的问题：任何人都已经面临过这样的问题,你会建议什么来升级这些性能问题？

虽然我正在考虑AddThis实现,但我希望我能考虑其他解决方案.

最佳答案 提高性能的最佳方法是不要从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评论&其他插件.

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

希望这可以帮助！

点赞