Javascript 文件包含在 html 页面中——浏览器下面会发生什么？

Question

我认为这可能是一个依赖于浏览器的问题——假设我有 10 个 Javascript 文件和几个 HTML 页面。假设 HTML pageA 只需要 JS1.js 和 JS3.js，同样 HTML pageB 需要 JS4.js 和 JS1.js。我想知道在所有 HTML 页面中包含所有 10 个 javascript 文件会产生什么影响？会不会和浏览器的内存消耗直接相关？

我正面临这个问题，尤其是在使用 YUI javascript 库时。有几个组件，如数据表、事件、容器、日历、dom-event 等，它们包含的顺序似乎也很重要-例如，dom-event js 应该在其余部分之前包含在内才能工作.因此，为了避免所有这些困惑，我考虑将所有这些 js 文件包含在一个头文件中，该头文件包含在所有 HTML 页面中。

我担心的是它可能导致的内存膨胀和性能问题。请提供您的建议..

谢谢，-凯沙夫

Answer 1

您加载到页面中的任何脚本，即使已经下载和缓存，也必须在页面的其余部分加载之前进行解析。因此，从这个意义上讲，存在内存损失，并且脚本中的某些内容仍有可能显着延迟渲染。

但是，对于像 YUI 这样经过认真设计的库，我希望解析时间能够最小化。

如果您可以在页面末尾加载所有脚本，则可以极大地提高性能，因为整个页面可以在被 javascript 执行阻止之前呈现，并且您的网站会感觉更加敏捷。

我建议调查 Firebug Net panel和 YSlow extension获取您网站的具体性能统计数据。