javascript - JS 事件监听器的成本是否比额外的 HTTP 请求还要高？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 7 年前。

Improve this question

我听说最好将所有 JavaScript 压缩到一个文件中，以减少应用程序发出的 HTTP 请求数量。但是，如果您使用仅特定于网站的一个页面的事件监听器，这是否成立？

例如，假设我有 3 个不同的页面，它们发出 AJAX 请求以从服务器加载随机图片。第一页监听按钮单击，第二页监听 mouseover ，第三页监听选择字段值的变化。拥有一个包含所有 DOM 操作逻辑以及事件监听器的巨型 JS 文件是否有意义？或者，最好在一个文件中定义所有必要的 DOM 操作逻辑，然后为每个页面创建一个小 JS 文件，并使用该页面特定于页面的事件监听器。

TL;DR:页面上不存在的元素的事件监听器是否会比对附加 JS 文件的 HTTP 请求消耗更多性能？

Answer 1

减少请求数量是将 JavaScript 文件合并为一个的原因之一。

另一个原因是:浏览器只下载一次 JavaScript 文件后，后续页面使用它时就可以从浏览器缓存中检索它。更少的文件意味着更精简的缓存。

一点额外的 JavaScript 的成本是最小的。附加到非 DOM 元素的 Jquery 样式监听器仅在 onload 方法尝试附加它们时花费成本。

所以用简单的方法来做吧。当您每小时有数千万的页面浏览量时，就是进行您的问题提到的优化的时候了。

如果更容易的话，内联少量甚至中等数量的 JavaScript 也没有什么坏处。例如，在搜索引擎的前门页面上查看源代码。