加載JavaScript文件 - 條件級聯

Question

爲了減少http請求，我使用grunt將所有腳本合併爲2個文件：scripts-head.js和scripts-body.js。

有些腳本（例如墊片）只需要傳統的IE瀏覽器就可以使用。所以我應該：

1. 使用像<!--[if lt IE 9]>這樣的條件註釋 - 但現在這意味着更多的http請求。
2. 只需將舊版IE腳本與其他連接文件一起添加 - 這將導致現代瀏覽器使用額外的未使用代碼，但意味着更少的http請求。
3. 另一種選擇?? （某種方式來執行條件級聯？）

Answer 1

1. 使用條件註釋。這種方式更清潔。

Answer 2

我認爲現在普遍的一致意見是，人們不用擔心瀏覽器版本（你無法跟蹤它們全部），而是使用像Modernizr這樣的庫進行特徵檢測，併爲缺少的特徵加載polyfills。

Modernizr本身帶有一個異步加載器，允許您根據功能測試的真實性來指定加載填充腳本（閱讀：如果需要，只發布對polyfills的額外請求）。

在任何策略中，不要擔心這一個額外的HTTP請求，因爲一旦瀏覽器緩存文件，就不會有任何請求。