HTML文件脚本和CSS放置

我在观看Doug Crockford's Theory of DOM视频，在16:50，他谈到了<script>标签和CSS <link>的位置。他提到将<script src>尽可能靠近身体底部，并且<link>尽可能高。由此，我有几个问题：HTML文件脚本和CSS放置

1）我通过教程学习了JavaScript。许多程序在CSS <style>标签后面将其JavaScript放入<head>标签中。他的（2006？）视频中的信息是否已过时？

2）做这些规则适用于JavaScript的<script type="text/javascript">和CSS <style>标签为好。如果是这样，为什么，以及这些标签和<script src>和<link>标签之间有什么区别？

3）他说，“减少脚本的文件数目尽可能地” ......但是，如果我编码一个大的项目，我想结块所有我的JavaScript一起住了......而我d更喜欢将我的代码分离成有意义的文件。这有多大影响？

他提到放置会影响性能，如“在浏览器中做增量加载的方式是将这些资产的位置非常敏感。”然而，尽管我没有进行严格的性能测试，但我没有注意到由于配置差异导致的性能发生较大变化。他没有进一步解释这是如何影响业绩的，以及为什么这么重要。

2015-03-03 Growler

一个很好的网站，其中大部分回答您的问题可能是：https://developers.google.com/web/fundamentals/performance/ – 2015-03-03 02:28:48

@Snowman好吧，我删除了帖子已经 – Growler 2015-03-03 04:19:44

-1

1）当你在大型的项目中，然后，如果JS代码和CSS在许多网页都使用，那么你不把这些都在每个页面的每个代码，只是包含在你的页面文件。 2）如果你的代码会缩小，那么它将有助于快速加载。

3），可以使用<链接>为包括CSS和< SCRIPT>的JavaScript。

2015-03-03 02:28:02

1）无，信息不一定过时，但很多人只是加载所有资源的一次。通常建议在<body>的末尾加载脚本，因为浏览器通常会停止加载引用的文件，从而延长加载时间。样式表通常包含在文件的开始处，以便在文档加载时对元素进行样式设置，而不是一次最后一次。

2）<script src>和<link>标签需要打开一个新的连接，以减缓加载时间。 <script type>和<style>标签是内联的，因为不需要打开和等待新的连接，从而减缓了加载时间。

3）每个脚本文件都是必须打开的另一个连接。要打开的连接越少，网站加载的速度越快。总体而言，这些规则对于减少较慢连接或较大项目中的加载时间更有效。

2015-03-03 02:39:41 Nick

回答