在HTML頁面中使用JavaScript的最佳方式

Question

在HTML頁面中導入和使用JavaScript代碼的最佳方式是什麼？我正在考慮兩個方案：

• 有單<script>標籤與all.js文件導入到HTML文件中，使用選擇的JavaScript方法。
• 分別在每個HTML文件中定義單獨的<script>標籤。

這裏最好的設計選擇是什麼？

Answer 1

Lukasz，這個無辜的問題是一個很大的話題。要在一個不錯的地方開始JavaScript的性能和可維護性，請按照Steve Souders' writings進行操作。

並使用JSHint。如果您的代碼位於僅限JavaScript的文件中，這會更容易。要了解其他良好實踐，請閱讀idiomatic.js。

Answer 2

單個縮小文件是性能最高的 - 較少的請求和較小的下載。但是，到處都沒有一個全球性的js，這對調試/開發將是一個痛苦。

對於可能在瀏覽器中緩存的庫使用cdn。

Answer 3

IMO我將爲單獨的JavaScript片段/插件分開標記，這將使我的JavaScript代碼更易於維護。我可以刪除插件/添加插件，而不會打擾其他JavaScript片段。

但是，對於性能問題，現代瀏覽器將運行6個連續的線程來下載資源，所以最好是剖析站點/ web應用程序的加載時間。您可以使用像Firebug/yslow這樣的工具來配置從html頁面發送的http請求。

我個人使用像Sitemesh這樣的模板引擎，併爲應用程序的不同部分創建jsps模板。

而對於JavaScript我主要使用JQuery和很多插件。

Answer 4

縮小js是一個很好且可以接受的方法。它還有助於在運行時在服務器端構建js文件。這是一個很大的話題。這裏有一些來自雅虎的好建議。我用這些作爲我的指導。另請閱讀的話題JS縮小 http://developer.yahoo.com/performance/rules.html