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

回答