javascript性能

我刚刚在一个临时站点上得到了以下反馈

页脚中有100多行JavaScript代码 应在单独的文件中，而不是在标记中

尽管我的印象是，在页脚中提供它是一种性能提升，因为它只需要一个http请求

---

对于生产环境，哪种方法（内联或外部）更好？

将其放在单独的文件中可以进行缓存，因此建议这样做

内联JavaScript对于单个页面请求的性能更高，但是外部JS文件可以更好地进行代码管理，并且由于浏览器能够缓存该文件，对于重复请求的性能也会有所提高

---

如果JS是内联的，则无法进行缓存，这意味着您将一次又一次地发送相同的数据，浪费您的带宽，和用户的带宽。

JavaScript代码可能不会随着不同的时间而改变。将这些静态代码行移动到外部文件可以缓存文件，从而可以更快地加载页面

---

几行代码可能不值得移动到外部文件，但数百行代码肯定会超过请求（标题）开销的大小。

将JS保存在外部文件中可以在页面之间缓存和重用（或重新加载同一页面）

---

第一次加载时会有一个小的性能损失，以换取将来的（相对）大的增强。

您在这里问的问题是什么？100行作为内联脚本可能太多了，虽然这两种方式都不会对性能产生太大影响-不执行另一个请求和内联下载代码可能会在一定程度上相互平衡。@cdeszaq我知道我本可以更好地表述这一点，但我认为意图已经足够清楚了。我要求更多的意见。因此，这不是发表意见的最佳场所，它是针对有离散答案的问题。聊天是征求意见的好地方。然而，大多数寻求意见的问题可以通过添加某种方式来衡量给出的意见而变得离散。在这种情况下，页面加载时间或任何其他指标都会起作用。