HTTP Cache 機制與複習
2021年4月15日 · Waiting7777 · 2 分鐘閱讀
為啥網站更新不了
常常網站改版後，卻被 PM DESIGN 問說怎麼沒更新嗎？其實就是 cache 搞的鬼～
什麼是 cache？
因為現代的網站，圖片資訊 js 越來越多越來越大，使用者也跟著上升，如果沒有 cache 機制的話，server 一下就負擔不了。 那麼一條 request 究竟啥時會觸發 cache 哪？這就跟 cache-control directives 有關了。
Cache-Control: max-age=<秒數>
Cache-Control: max-stale[=<秒數>]
Cache-Control: min-fresh=<秒數>
Cache-Control: no-cache
Cache-Control: no-store
Cache-Control: no-transform
Cache-Control: only-if-cached
常用的有這些屬性，Cache-control: private, max-age=600 表示用戶端瀏覽器最長只能快取回應使用 10 分鐘 (60 秒 x 10 分)，之後就要向伺服器詢問是否有新版本。
認證權杖 ETag
ETag 是一組由 server 計算的 hash ，就像是大家常聽到的 md5 一樣，server用一套演算法函數，根據實體檔案的一些資訊去計算出一個 hash code 來當檔案認證碼，不同的檔案丟進這個函數就會得到不同的hash code。 用戶端在 max-age 過期後，向伺服器發送檔案 request 時會夾帶這 ETag 資訊，伺服器會計算伺服器上的該檔案 ETag 是否已改變，若是，則傳送該檔案，若沒有改變，則會回傳 status code : 304 (Not Modified) 告訴用戶端，沒有新版本，使用快取即可。
實際流程圖
Waiting7777
WoW Arena 冠軍轉前端，用電競 meta 思維拆解技術趨勢。
相關文章
創業創投+4YC 裡越來越多二次創業者 — AI 時代為什麼老手反而更吃香
為什麼 AI 時代反而讓「老手」更吃香？從 YC 的數據看 repeat founder 的優勢在哪，以及這對第一次創業的人有什麼啟示。
2026年8月12日 · Waiting7777 · 7 分鐘閱讀
繼續閱讀 →
AI Agents開發工具+5OpenChamber：專為 AI Agent 設計的開發環境，跟 IDE 的差別在哪？
拆解 OpenChamber 的設計邏輯：為什麼 agent 需要專屬的開發環境、跟直接在 terminal 跑 Claude Code 有什麼本質差異，以及這個方向的商業潛力在哪。
2026年8月11日 · Waiting7777 · 8 分鐘閱讀
繼續閱讀 →
AI開發工具+4AI coding 工具燒錢有多快？Databricks 告訴你怎麼控成本
從「Databricks 燒完錢才搞出控制工具」這個角度切入，拆解 AI coding 工具的真實成本結構，以及企業在 scale up 後才發現的坑。對比 Rippling 同樣在燒錢後才蓋 ROI 工具，這是一個系統性問題。
2026年8月8日 · Waiting7777 · 7 分鐘閱讀
繼續閱讀 →這篇文章對你有幫助嗎？
每週一篇 — 技術趨勢背後的商業邏輯
AI 產業在變什麼、工程師該注意什麼——拆清楚寄到你的信箱。