由于页眉/页脚中的第三方脚本,网站加载速度变得迟钝。

时间:2017-09-08 07:39:15

标签: javascript loading pagespeed

因此我们在网站上集成了许多第三方解决方案。仅举几例,谷歌跟踪,对讲,信号,鼠标流,typekit和其他一些。由于这个列表每个月都在增加(我们计划添加MUUT),网站加载速度确实成为主要问题。如何管理这些脚本并且仍然不会失去速度?

3 个答案:

答案 0 :(得分:1)

有一个非常简单的解决方案-您可以延迟加载这些脚本。

例如,如果对讲机和Mouseflow在加载网页后5秒钟内加载,也没什么不好。您可以通过将包含对讲程序和其他脚本的JS代码包装到setTimeout javascript函数中来实现此目的,例如

<script>
   setTimeout(
     function(){ put_your_intercom_code_here_instead_this_func() }, 
     3000); // this is the time of the delay in MS, 3000 = 3seconds
</script>

答案 1 :(得分:0)

您可以执行setTimeout事情,但我首先要在脚本标签中添加一个defer属性,然后看看它如何改变您的分数。

答案 2 :(得分:-1)

我的第一个想法是使用3种技术:

  1. 使用始终缩小版的JS库。这减少了文件的大小
  2. 捆绑JS文件。这允许减少对服务器的请求。
  3. 在关闭正文标记</body>
  4. 之前设置此资源的加载