假设我有一个相当大的JavaScript文件，压缩到大约100kb左右。这里的文件指的是一个外部文件，可以通过<script src="…">，而不是粘贴到HTML本身。
在HTML中把它放在哪里最好?
<html>
<head>
<!-- here? -->
<link rel="stylesheet" href="stylez.css" type="text/css" />
<!-- here? -->
</head>
<body>
<!-- here? -->
<p>All the page content ...</p>
<!-- or here? -->
</body>
</html>
每个选项之间是否有任何功能差异?
当前回答
答案取决于你如何使用javascript的对象。正如已经指出的，在页脚而不是页眉加载javascript文件肯定会提高性能，但应该注意，所使用的对象的初始化时间要晚于在页脚加载它们。还有一种方法是加载文件夹中的“js”文件 所有文件都可以使用。
其他回答
答案取决于你如何使用javascript的对象。正如已经指出的，在页脚而不是页眉加载javascript文件肯定会提高性能，但应该注意，所使用的对象的初始化时间要晚于在页脚加载它们。还有一种方法是加载文件夹中的“js”文件 所有文件都可以使用。
脚本应该包含在body标记的末尾，因为这样HTML将被浏览器解析并在脚本加载之前显示出来。
使用cuzillion，您可以使用不同的方法测试脚本标签的不同位置对页面加载的影响:内联，外部，“HTML标签”，“文档”。“JS DOM元素”，“iframe”，“XHR eval”。有关差异的解释，请参阅帮助。它还可以测试样式表，图像和iframe。
最好的地方是在你需要它之前，而不是更早。
另外，根据用户的物理位置，使用类似Amazon S3服务的服务可以帮助用户从物理上比您的服务器更近的服务器上下载。
你的js脚本是一个常用的库像jQuery或原型?如果是这样，有许多公司，如谷歌和Yahoo，有工具可以在分布式网络上为您提供这些文件。
Yahoo !出色的性能团队建议将脚本放在页面的底部，因为浏览器下载组件的方式不同。
当然，李维的评论“就在你需要它之前，而不是更早”确实是正确的答案，即。“看情况”。
