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

Question

我认为这可能是一个依赖浏览器的问题 - 假设我有10个Javascript文件和几个HTML页面.假设HTML pageA只需要JS1.js和JS3.js,类似HTML pageB需要JS4.js和JS1.js. 我想知道在所有HTML页面中包含所有10个javascript文件会有什么影响？它会直接与浏览器的内存消耗有关吗？

我特别使用YUI javascript库来解决这个问题.有几个组件,如数据表,事件,容器,日历,dom事件等,它们被包含的顺序似乎也很重要 - 例如dom-event js应该包含在其余部分之前才能工作.因此,为了避免所有这些混淆,我想到将所有这些js文件包含在一个包含在所有HTML页面中的头文件中.

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

谢谢,-Keshav

Answer 1

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

然而，对于像 YUI 这样精心设计的库，我希望解析时间能够最小化。

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

我建议调查Firebug Net 面板和YSlow 扩展，以获得您网站的具体性能统计数据。