加载Facebook的“喜欢”和“分享”按钮更快

如何异步加载Facebook按钮

几乎每个博客、网站都有Facebook的点赞、分享或关注按钮。

如你所知,默认的Facebook社交分享代码会与你的网页资源同步加载。

这会增加你的website load time 并影响SEO得分。这不仅仅是SEO问题,也破坏了用户体验。

我确定Facebook的社交分享按钮很重要,但并不是你实际显示的代码。由于默认的Facebook代码,许多博客或网站的页面加载时间较长。

使用异步加载Facebook代码可以帮助你的网页加载速度提升0.5 – 1.5秒。这就是你需要更快加载Facebook的点赞、分享或关注按钮的方法。

这是我从Facebook Developer中获取的代码,用于在yaoweibin.com上显示点赞和分享按钮:


现在,我只需要在我的代码中添加以下一行,它将帮助更快地加载按钮:

js.async=true;

所以修改后的代码将是:


很简单吧?

更新:Facebook提供的新代码片段不需要上述操作,因为它已经包含了script async,你可以在下面看到。


使用WordPress?请查看this pos中的内容,了解如何在没有插件的情况下进行性能优化。如果你正在寻找一个不会拖慢网页速度的社交媒体插件,我强烈推荐Novashare

我相信你希望你的网页加载更快,希望这篇文章对你有所帮助。

类似文章