将.js放在外部文件中而不是直接放在页面上要慢多少？

Question

我假设如果你把一些Javascript代码放在一个外部源（并使用src =“”），那么它的b / c会慢一些，那么页面必须下载另一部分，但我想知道这是否无关紧要

通过测试，我在线完成（webpagetest.org）似乎非常小（占总页面时间加载量的5％）。

但只是想知道“幕后”发生了什么，以及浏览器（我假设）是否正在启动另一个单独下载该位的过程而不是从服务器与页面的其余部分相遇实际上同样快（b / c它正在并行发生）。

Answer 1

如果您在Firefox中使用Firebug进行测试，您会看到Firefox同时下载多个文件（每个浏览器的并发文件数不同）。但是你应该将js代码放在外部文件中的主要原因是它可以在服务器端缩小和压缩，也可以由浏览器缓存。从外部文件加载它还具有能够从静态域（少cookie）加载它并使用CDN加速交付的好处。因此，要回复您的问题，将其放入页面会比较慢，因为浏览器每次加载页面时都需要下载它。

Answer 2

不够慢到无关紧要。

我认为速差问题是一个红鲱鱼。通常，您应该将脚本与html分开：

• 关注点分离：html是网站的结构，而脚本是其行为。它mixes concerns将它们混合在一起，并且best practice将脚本保存在单独的文件中。
• 与html分开提供的脚本可能与even faster一样快，但caching proxy servers，content delivery networks之类的内容，甚至是SPDY之类的新网络协议，似乎都是违反直觉的。 3}}可以使速度问题完全没有实际意义。