在現今網路世界,網站速度成為使用者體驗與 SEO 排名的重要因素之一。想要讓網站載入更快、減少伺服器負擔,「快取」設定就是你不能忽略的一環。這篇文章將帶你深入了解快取時間是什麼、如何設定,以及設定快取時間對網站速度和 SEO 有哪些實際幫助。
快取時間是什麼?為什麼重要?
所謂「快取」(Cache),就是讓瀏覽器或中間伺服器將靜態資源(如 CSS、JavaScript、圖片等)儲存在本地或中繼伺服器,讓使用者下次造訪時不用每次都重新下載。
而「快取時間」指的是這些資源可以被儲存多久,超過這個時間後才會向伺服器重新請求。
良好的快取時間設定有以下好處:
- 提升網頁載入速度:使用者從本地快取直接讀取資源,載入更快。
- 減少伺服器負載:伺服器不需要重複處理相同的資源請求。
- 優化 SEO 排名:Google 官方明確指出網站速度會影響搜尋排名,快取設定得好自然有利於 SEO。
快取時間怎麼設定?解析 Cache-Control
最常見的快取控制方式就是 HTTP 標頭裡的 Cache-Control
,其中 max-age
就是設定快取時間的關鍵。例如:
Cache-Control: public, max-age=604800
這裡的 max-age=604800
,代表這個資源可以被快取 604800 秒(7 天)。
常見的 max-age 設定建議:
- logo、圖片、字型等幾乎不變的資源:建議設長一點(如 1 年,
max-age=31536000
)
- CSS、JavaScript 等偶爾會更新的資源:通常設 1 天 ~ 1 週(
max-age=86400 ~ 604800
)
- HTML 主頁、API 等經常變動的資源:可以設短一點或加
no-cache
快取時間太長或太短會怎樣?
- 太長:如果資源更新但檔名沒變,使用者會一直看到舊檔案。
解決方法:更新資源時建議在檔案名稱加上版本號(例如 main.css?v=20250624
),讓瀏覽器重新下載。
- 太短:頻繁向伺服器請求,快取優勢沒發揮,網站速度也不會提升。
怎麼查看網站快取時間?
- 在 Chrome 按下 F12 開啟開發者工具,切換到 Network 分頁。
- 點選你要檢查的資源,查看右邊 Headers 裡的
Cache-Control
標頭。
快取時間與 SEO 的關聯
Google PageSpeed Insights 等網站檢測工具會根據快取時間評分。如果資源快取時間太短,容易被列為需要改善項目,對網站 SEO 有負面影響。
設定合理快取時間,除了改善分數,也能提升實際使用者體驗,雙贏!
結論
快取時間雖然只是一個簡單的設定,卻能大大提升網站載入速度與 SEO 效果。建議依照資源類型與變動頻率,合理設定 Cache-Control
的 max-age
,同時善用檔名版本化來避免快取過久的困擾。