避免在網站的不同頁面上加載相同的Javascript/CSS文件

Question

我們在一個網站上有多個頁面，它們需要很多相同的Javascript和CSS文件。

如果瀏覽其他頁面的用戶已經下載了這些文件，我們該如何避免再次下載這些文件？

Answer 1

如果文件位於相同路徑中，瀏覽器應自動緩存它。如果可能的話，您可能希望通過Web服務器或編程環境明確指定緩存到期時間。

Answer 2

如果您使用HTTP流量分析器，如Fiddler，您應該看到對JavaScript和CSS資源的請求返回HTTP代碼304 (Not Modified)。這告訴瀏覽器「緩存中的資源版本與服務器上的版本相同，因此您無需再次下載」。

爲了獲得更好的性能，您可以爲這些資源顯式設置緩存標頭。

這caching tutorial有很好的信息。

Answer 3

如果需要緩存，則應該明確設置緩存標頭。 www.fiddler2.com/redir/?id=httpperf