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 思維拆解技術趨勢。
相關文章
GPTAI+3ChatGPT Work 幫 Stampli 省了 68% 工時 — 這個數字真的可信嗎？
用 Stampli 這個案例分析「AI 到底幫企業省了什麼成本」，並拆解 68% 這個數字背後的商業邏輯，以及 OpenAI 為什麼要積極收集這類 case study。
2026年9月8日 · Waiting7777 · 7 分鐘閱讀
繼續閱讀 →
AI基礎建設+6每 Gigawatt 賺多少？Stratechery 用這個指標重新看 Nvidia 和 AI 基礎建設
Ben Thompson 提出了一個新的衡量 AI 基礎建設效率的指標，比單純看 GPU 出貨量更有洞察力 — 順便把 Hugging Face 收購案放進這個框架裡分析。
2026年9月4日 · Waiting7777 · 7 分鐘閱讀
繼續閱讀 →
AIGPT+6Zapier 用 ChatGPT Work 自動化行銷流程 — 一家自動化公司怎麼用 AI 治自己
從 Zapier 這個案例反推：一家自動化公司自己的工作流程長什麼樣？ChatGPT Work 在 B2B 場景的真實落地和宣傳稿之間的差距有多大？
2026年9月1日 · Waiting7777 · 7 分鐘閱讀
繼續閱讀 →這篇文章對你有幫助嗎？
每週一篇 — 技術趨勢背後的商業邏輯
AI 產業在變什麼、工程師該注意什麼——拆清楚寄到你的信箱。