如何加快脚本执行速度?

时间:2016-09-12 16:57:38

标签: javascript performance optimization

我的一些JavaScript组件加载速度相当慢,所以为了缩小问题范围,我想出了这段代码:

<div id="react-root">Loading...</div>
<script>document.getElementById('react-root').innerHTML = 'done!';</script>

事实证明即使这很慢! “正在加载...”文本在被覆盖之前会在页面上停留大约半秒钟(不确定如何更准确地计时)。

但是,same code on JSBin运行速度太快,以至于我看不到“正在加载”文字。

所以我的问题是,什么可能导致脚本的执行被延迟?

在页面上有大约一兆字节 244 KB的压缩+ gzipped JS,所以有很多东西可能导致缓慢,但没有别的这两行之间的代码,所以我不知道会有什么干扰。

其余资产在<head>

中加载如下
<!--[if IE 8]><script src="/assets/ie8-c0c685babae124215518.js" charset="utf-8"></script><![endif]-->
<script src="/assets/main-c0c685babae124215518.js" charset="utf-8"></script>
<link href="/assets/main-a1c8b4b15e068ad0290ba74f8ec0bc51.css" rel="stylesheet" type="text/css" />

删除它们 加速执行那个小的加载器脚本。但是,我不能简单地删除它们,也不能让它们异步,因为那时我的应用程序将无法正常工作。那个JS应该找一些具体的东西吗?或者只有一个JS块只会减慢页面上所有其他<script>的速度,或者什么?

0 个答案:

没有答案