Javascript 如何加速脚本执行？

我的一些JavaScript组件加载速度相当慢，因此为了缩小问题范围，我编写了以下代码：

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

正在加载。。。
document.getElementById（'react-root'）。innerHTML='done！'；

事实证明，即使这样也很慢！“加载…”文本在被覆盖之前在页面上停留约半秒钟（不知道如何更准确地计时）

但是，运行速度太快，我看不到“加载”文本

所以我的问题是，什么会导致脚本的执行延迟

我确实在页面上有大约244KB的压缩+gzip JS，所以有很多东西可能会导致速度变慢，但这两行之间没有其他代码，所以我不知道会有什么干扰

---

其余的资产在

中按如下方式加载：

---

删除它们确实会加快加载程序脚本的执行速度。然而，我不能简单地删除它们，也不能使它们异步，因为这样我的应用程序就不能工作了。有什么特别的东西我应该在JS中寻找吗？或者一块JS会减慢页面上所有其他的

吗？或者怎么样？

相对于上面的行，这兆字节的JavaScript代码在哪里？它是如何加载的<代码>脚本带内联内容的标记<代码>脚本引用外部文件的标记？如果是，使用或不使用

异步

和/或

延迟

？您在哪个浏览器中看到这种行为？您是否尝试过其他人将此问题括起来？@StevenMays这是一个外部脚本，它被永久缓存。Chrome显示“（从缓存）”所以它甚至不发出网络请求。@t.J.Crowder特别是，它在

中加载了

。我不认为我可以在不破坏应用程序的情况下使其异步；这是一个非常古老的应用程序。在加载指示器之后，你至少应该能够将脚本从头部移动到身体。不管它如何解析JavaScript，即使它已经在缓存中。如果不知道剧本里有什么，回答这个问题几乎是不可能的。即使在那时。。。这需要很多代码，所以志愿者需要通过。

<!--[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" />