網頁性能 - CSS和JavaScript在單獨的文件？

看着Google HTML/CSS Style Guide，我沒有看到任何具體的東西。好像將CSS和JavaScript放入HTML文件中的效果會比加載外部文件效果更好。網頁性能 - CSS和JavaScript在單獨的文件？

對於製作網站，我應該將所有內容包含在1個文件中，還是不包含？

你絕對不應該把大的CSS或JavaScript文件的HTML文檔中，因爲這可以防止緩存。 –

這實際上是一個很好的觀點，假設它是真的。 –

關於程序員堆棧交換非常類似的問題：[把JS代碼放在html文件還是外部文件中更好？]（http://programmers.stackexchange.com/q/223918/211784） –

-2

這取決於您的偏好。但在大多數情況下，您希望將代碼編寫在單獨的文件中，因爲當您處理大型項目時，如果在同一個文件中包含css，js和html，它會開始混淆。加上它將會造成的差異是最小的。

2016-07-03 21:18:15 Daniel

我同意，開發時。但是，準備發佈到生產環境時，最佳實踐是什麼？例如，我知道最好的做法是將所有JavaScript打包到單個文件中，並加載多個外部腳本。那麼，爲什麼不把所有的JS都放入HTML中呢？緩存似乎是使用外部文件的一個很好的理由。 –

通常當你開發時，你在你的項目樹中分割你的代碼。所以你有大量的js，也許css/sass/less文件..它代表了你的項目中較小的組件。

當您要將項目啓動到生產環境時，通常會有構建程序，它將所有文件連接到一個包中，並且此包也被縮小，以便像例如bootstrap.min.js一樣快速加載。

就拿一些生產做好準備包裝像看看（谷歌）：

2016-07-03 21:19:37 webdeb

爲什麼呢？ – lexith

@lexith bro，請回答這個問題應該包括它通常如何完成，爲什麼問題是確定性的，但是爲了涵蓋所有方面，它會使新手不容易理解，IMO – webdeb

回答