Facebook评论加载非常缓慢

Question

Facebook评论组件多次加载相同的JavaScripts并以1.2秒的速度减慢我们的页面，有时加载29秒

请帮忙。

脚本位于HTML源代码的底部，我们从Facebook开发人员API获取它

http://www.247polls.com/polls/should-marijuana-be-legalized/

Answer 1

FB.XFBML.parse();

即使页面加载尚未完成，也会加载您的评论：

<script>
    window.fbAsyncInit = function () {
        FB.init({appId: 'YOUR-APP-ID', version: 2.4, xfbml: true});

        if (typeof facebookInit == 'function') {
            facebookInit();
        }
    };

    (function () {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
    }());


    function facebookInit() {
        console.log('Loading comments...');
        FB.XFBML.parse();
    }
</script>

提高速度的另一件事是将num_posts显示的评论数量限制为5。

继续摇摆！

Answer 2

添加js.async=true;并确保您遵循此文档：

https://developers.facebook.com/docs/plugins/comments/

参考：https://geekflare.com/load-facebook-like-and-share-button-faster/