客戶端優化問題

Question

考慮以下casses。

1. 多個js文件compressed/gzipped，並放置在一個文件，該文件是在HTML文檔的頭部區段。
2. 壓縮文件（包含少量文件）位於頁腳部分（當構建DOM時）。

將腳本標記腳本中的compressed/gzipped腳本放在腳本中，是否可以提高性能？

Answer 1

是將它們向下移動會有幫助。 你也可以通過一個腳本調用另一個腳本文件。因此，只有1個HTTP請求，您將並行獲取所有JS文件。 http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/

Answer 2

這可能會有所幫助：http://www.quirksmode.org/js/placejs.html

Answer 3

請關注腳本的裝載機，這是提高性能的另一種方式。指導原則是允許您以非阻塞和有組織的方式（包括加載順序和條件加載）加載腳本，在使用更多HTTP請求時允許它們並行加載以加快響應速度。

其中最受歡迎的是requireJS，但我更喜歡head.js它可以與一些Modernizr類型的東西雙重任務。

如果這還不足以說服你，你仍然可以指定執行順序（確保滿足依賴關係）並觸發回調。

儘管如此，每種工具的選擇都應該適合其適用性。在很多情況下，「轉到頁面底部」技術是絕對合適的。 「不要因爲你可以使用模塊/腳本加載器」。