更新網站的 CSS 時,瀏覽器可能會繼續快取過時的版本,從而導致渲染問題。本文探討了強制刷新快取 CSS 的幾種方法。
要解決快取問題,請考慮以下選項:
我們想要實現什麼?
理想的快取行為包括在第一次請求新資源時獲取新資源並檢索它此後,它會從本地快取中刪除,直至過期。
觀察到的快取行為
為了了解瀏覽器的快取行為,表格總結了各種場景及其觀察到的結果。
Type | Cache Headers | Observed Result |
---|---|---|
Static filename | Expiration 1 Year | Taken from cache |
Static filename | Expire immediately | Never caches |
Static filename | None | HTTP 304 (not modified) |
Static query string | Expiration 1 Year | HTTP 304 (not modified) |
Static query string | Expire immediately | HTTP 304 (not modified) |
Static query string | None | HTTP 304 (not modified) |
Random query string | Expiration 1 Year | Never caches |
Random query string | Expire immediately | Never caches |
Random query string | None | Never caches |
查詢字串
將隨機參數附加到CSS URL 會強制發出新的HTTP 200 請求,但僅限於初次遇到時。後續請求可能仍會傳回 304。
路徑修改
建立新路徑提供了更永久的解決方案。您可以自動執行使用版本號或其他識別碼重寫路徑的程序。
文件重新命名
另一種方法是在每個版本中重命名 CSS 文件,以確保新的請求當 HTML 中引用更新的路徑時。
以上是如何強制刷新快取的 CSS 資料:查詢字串與檔案重新命名?的詳細內容。更多資訊請關注PHP中文網其他相關文章!