2
如果我将所有JavaScript保存在单独的文件中，例如MyCode.js并包含该文件而不是将JavaScript包含在html文件中，那么页面加载速度会更快吗？外部或内联JavaScript？ - 页面加载时间
或者它没有关系吗？
A
回答
5
除非你是Google，否则对于速度目的来说它非常不重要。但是，为了可读性和可维护性，最好将JavaScript保存在外部文件中。
如果您将<script>标签放在页面的末尾（在结束<body>标签之前），JavaScript不会阻止加载页面。
1
取决于JS代码大小。如果你有巨大的JS代码的一部分，然后把一切分别有几个长处：
您可以可提高页面加载时间不同域名间的分割不同的文件类型 - 而大多数浏览器限制到4个并发连接相同的域。
这是比较容易保持
2
如果你有大量的脚本，可能有一些通过保持JS在外部文件中保存，因为它可以让浏览器做一个更好的工作缓存你的脚本文件。 CSS也一样。
但一般来说，meh。外部化的明显优势是可维护性。
3
内联和包含的脚本文件都有好处。
内联脚本使用HTML加载，因此只需下载一个HTTP请求即可节省时间，生成的HTML文件将更大，但不会浪费时间使用握手和标头。
包含的脚本会作为单独的HTTP请求加载，因此存在这种开销，但是，包含脚本会被浏览器缓存，这意味着后续页面无需再次从服务器请求此资源。
通常，包含内联脚本的任何脚本与被请求的页面内容直接相关的任何地方，都将保存该页面的HTTP请求，而无需单独缓存脚本。对于站点范围的脚本，始终将它们作为单独的脚本文件包含在内，这些文件将在第一次需要时下载，然后将缓存副本用于后续页面。