將「?v=1」附加到CSS 和JavaScript URL:增強效能並確保更新
在HTML5 樣板模板中,您可能注意到CSS 和JavaScript URL 附加了「?v=1」的使用。這個小查詢字串對於提高瀏覽器效能並確保訪客始終獲得最新版本的資源具有重要作用。
它的作用
當您附加「時?v=1" 到檔案URL,實際上是強制瀏覽器在從快取載入檔案之前檢查該檔案的新版本。這很重要,因為大多數瀏覽器傾向於積極快取 CSS 和 JavaScript 檔案等靜態資源,這可能導致即使在伺服器上進行更改後仍然使用過時的版本。透過將版本號附加到 URL,您可以破壞快取機制並強制瀏覽器從伺服器檢索最新版本。
在JavaScript URL 上選擇性使用
您可能已經註意到,並非所提供範例中的所有JavaScript URL 都具有「?v=1」查詢字符串。這是因為,在某些情況下,這是不必要的。如果 JavaScript 檔案包含供應商前綴或包含非關鍵程式碼(例如 polyfill),那麼它可能不需要像其他檔案那樣頻繁更新。透過省略這些檔案的版本號,您可以減少向伺服器發出的請求數量並提高效能。
利用檔案雜湊
而不是使用固定的版本號,有些網站選擇在查詢字串中使用檔案雜湊。這種方法更有效,因為它確保瀏覽器僅在文件的實際內容發生變更時才取得文件的新版本。
其他好處
除了強制更新之外,將版本號或檔案雜湊附加到資產URL 還允許您設定長快取標頭,而不必擔心提供過時的內容。瀏覽器始終會將其視為不同的檔案並優先獲取最新版本。
以上是為什麼將「?v=1」附加到 CSS 和 JavaScript URL?的詳細內容。更多資訊請關注PHP中文網其他相關文章!