客户端优化问题

Question

考虑以下过程。

1. 多个js文件为compressed/gzipped，并放置在HTML文档头部的一个文件中。
2. 压缩文件（包含少量文件）位于页脚部分（构建DOM时）。

在页脚的脚本标记中放置compressed/gzipped javascript是否真的可以提升性能？

Answer 1

是将它们向下移动会有所帮助。 你可以这样做，也可以从一个脚本调用另一个脚本文件。因此，只有1个HTTP请求，您将并行获取所有JS文件。 http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/

Answer 2

这可能会有所帮助：http://www.quirksmode.org/js/placejs.html

Answer 3

密切关注脚本加载器，这是提高性能的另一种方法。指导原则是允许您以非阻塞和有组织的方式加载脚本（包括加载顺序和条件加载），这使用更多的HTTP请求允许它们并行加载以便更快地响应。

其中最受欢迎的是requireJS但我更喜欢head.js，它可以用一些Modernizr类型的东西做双重任务。

如果这还不足以说服你，你仍然可以指定执行顺序（确保满足依赖性）并触发回调。

但应选择每种工具以确保其适用性。在许多情况下，“移动到页面底部”技术是绝对合适的。你不应该“只因为你可以”使用模块/脚本加载器。