网页完全加载后加载 livechatinc 代码

Question

我有一个 WordPress 网站，我使用 livechatinc 作为聊天应用程序。没有聊天代码，主页在 0.9 到 1.2 秒内加载，但放置聊天代码后，它会上升到 3.2 秒。 我想在网页完全加载后加载js聊天代码。

我尝试过使用几个插件，但似乎没有任何效果。 这是 livechatnic 提供的代码

<!-- Start of LiveChat (www.livechatinc.com) code -->
<script type="text/javascript">
    window.__lc = window.__lc || {};
    window.__lc.license = 3254125;
    (function() {
        var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
        lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
    } )();
</script>

<!-- End of LiveChat code -->

Answer 1

我喜欢在页面加载后 3 秒加载 livechatinc.js。

这可以用一点 JS 来完成。在结束 </body> 标记之前添加它。确保将<YOUR_LICENSE_NUMBER> 替换为您的实际许可证号。

window.__lc = window.__lc || {};
window.__lc.license = <YOUR_LICENSE_NUMBER>;
window.onload = function() {
    setTimeout(function(){ 
        // Live Chat
        !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src=("https:"==document.location.protocol?"https://":"http://")+"cdn.livechatinc.com/tracking.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();
    }, 3000);
};

如果您想早晚加载，可以调整 3000 毫秒。

---

对于那些有兴趣使用 Google 跟踪代码管理器 来延迟加载的人，您可以在此处按照 Live Chat Inc 的说明进行操作：

https://www.livechat.com/help/google-tag-manager/

Answer 2

我找到了解决方案 我已经包含了 google 标签管理器，我在其中包含了所有其他 javascript 代码， 然后我执行以下操作。

    <script>
    (function(){
        setTimeout(function(){
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5M93GPC');
        }, 5000);
    })()
</script>

Answer 3

据我所见，代码是从他们的服务器提供并异步加载的，所以它并没有真正减慢网站速度，我发现这个：https://www.livechatinc.com/kb/is-livechat-slowing-my-website/ - 看看，他们解释得很好。