javascript - 外部 JavaScript 文件不会导致更多的客户端处理吗?

标签 javascript html css browser external-js

我在考虑外部 HTML 文件,我突然想到,如果我将来自多个 HTML 页面的功能组合在一个 JavaScript 中,这将导致额外的客户端处理。

基本上,我想知道这是否正确。

这是我的想法。假设我有一个五页的 JavaScript 文件。如果用户转到每个页面,对于每个页面,他不仅要加载该页面的 JavaScript,还要加载其他四个页面的 JavaScript。最终的总和是用户浏览器加载的 JavaScript 是他正常情况下加载的大约 5 倍。

我认为大多数人都按照共同的功能将 JavaScript 归为一类。因此,您可以拥有包含多个页面的 JavaScript 文件,但是您可能不会在每个页面上都使用所有 JavaScript。因此,您不在每个页面上使用的所有 JavaScript 都会在不需要的情况下运行/加载。

我有一个子问题。我知道您不必为每个页面重新加载 JavaScript 文件。 JavaScript 文件是否每次都运行? JavaScript 是否重新加载?重新加载是指每次浏览必须从缓存中获取文件时会有什么样的开销?

谢谢, 格雷

最佳答案

如果我有一个 200 行的文件,并将其分成 5 个文件,每个文件 40 行,则总行数仍为 200 BUT。请记住,如果我在上一页拉取文件 1-4,我现在只需要拉取文件 5,因为 1-4 在我的缓存中。此外,大多数现代浏览器都会对这些请求进行线程化处理,因此我不会为单个文件下载单个大文件,而是对较小文件进行 5 次线程化下载。

浏览器的开销在浏览器如何处理它方面非常特定于浏览器,并且在我的头脑中具体实现。

关于javascript - 外部 JavaScript 文件不会导致更多的客户端处理吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3909714/

相关文章:

javascript - 内部 div 的 Jquery CSS 已覆盖不透明度的颜色

javascript - 如何使用 laravel-webpack 从 Composer 安装的新包中导入 css、js?

html - Wordpress 导航 - 主动样式 (CSS)

javascript : focusOffset with html tags

javascript - 单击按钮后弹出元素消失的问题

javascript - 在内容可编辑的 div 中显示拼写检查器的建议

javascript - 使用 Javascript 实现水平子菜单

html - 从 Twig 模板生成 pdf 文件

javascript - 我可以向 div 添加额外的转换吗?

javascript - 预期警报 ('hi' ) DOM 准备好了吗?