重複的JavaScript和CSS包括

Question

我有一個關於JavaScript包括和CSS包括的問題。如果我們將不同的開發人員兩次包含相同的css或javascript文件，會發生什麼情況？

http://example.com/sample.css

，如果同一文件再次被列入..

http://example.com/sample.css

我知道瀏覽器會緩存和不作後續請求，但什麼其他性能問題就可以了原因？

Answer 1

重複的JavaScript和CSS文件通過創建不必要的HTTP請求（僅限IE）和浪費的JavaScript執行（IE和Firefox）而損害了性能。

在IE中，如果外部腳本包含兩次並且不可緩存，它將在頁面加載期間生成兩個HTTP請求。即使腳本可緩存，當用戶重新加載頁面時也會發生額外的HTTP請求。

在IE和Firefox中，重複的JavaScript腳本都會導致浪費時間多次評估相同的腳本。

無論腳本是否可緩存，都會執行此冗餘腳本。

---

有關如何使網站加載速度更快的更多信息，請參閱此really good article。

我在上面的答案中粘貼了有關重複JavaScript和CSS的信息。

Answer 2

對於CSS，重複意味着必須完成兩次選擇器匹配，而匹配的規則將匹配兩次，因此執行樣式計算的時間也會更長。