ตัวสร้าง HTTP Cache Header
สร้าง Cache-Control headers ที่ถูกต้อง (max-age, s-maxage, public/private, immutable, must-revalidate, stale-while-revalidate) พร้อม ETag และ Last-Modified validators รวม nginx config snippets และ presets สำหรับ static assets, API และ SPA ทำงาน 100% ฝั่งไคลเอนต์
Loading tool...
ตัวสร้าง HTTP Cache Header คืออะไร?
ตัวสร้าง HTTP Cache Header สร้าง Cache-Control, ETag และ Last-Modified headers ที่ถูกต้องสำหรับ web workloads ทั่วไป: static assets อายุยาว, API response อายุสั้น, SPA HTML entry point และ immutable CDN content เลือก preset แล้วปรับ max-age, s-maxage, public/private, immutable, must-revalidate และ stale-while-revalidate ได้ตามต้องการ เครื่องมือจะเขียน headers ทั้งหมดพร้อม nginx config snippet ที่ตรงกัน ทุกอย่างสร้างฝั่งไคลเอนต์ โดเมนและ path ของคุณไม่มีทางออกจากเบราว์เซอร์
ประโยชน์หลัก
- หลีกเลี่ยงการเขียน Cache-Control syntax ด้วยมือและ typo ที่ทำให้เกิด stale content หรือ revalidation ที่ไม่จำเป็น
- 4 presets ที่ผ่านการทดสอบครอบคลุม static assets, API responses, SPA HTML และ immutable CDN content
- ETag และ Last-Modified validators เปิดใช้ conditional request แบบ 304 Not Modified ที่มีประสิทธิภาพ ช่วยประหยัด bandwidth
- สร้าง nginx config snippet ที่ตรงกันให้ deploy caching strategy เดียวกันไปยัง server ได้ทันที
- สร้าง 100% ฝั่งไคลเอนต์ — ไม่มีการอัปโหลดโดเมน, path หรือรายละเอียดการตั้งค่าใดๆ
กรณีการใช้งาน
- •Cache build-hashed static assets (JS, CSS, รูปภาพ, fonts) นานถึง 1 ปีด้วย immutable
- •ตั้งค่า headers แบบ short-lived หรือ no-cache สำหรับ API JSON response ที่เปลี่ยนบ่อย
- •ตั้งค่า SPA HTML entry point ที่ revalidate ทุกครั้งที่โหลด ในขณะที่ hashed assets cache ตลอดไป
- •ปรับ CDN cache behavior ด้วย s-maxage และ stale-while-revalidate เพื่อลดโหลดที่ origin
- •สร้าง caching baseline ที่ถูกต้องอย่างรวดเร็วสำหรับโดเมนใหม่, staging environment หรือ nginx server block
วิธีใช้ตัวสร้าง HTTP Cache Header
- เลือก preset: เลือก Static Assets, API Response, SPA / HTML หรือ Immutable CDN ตัวควบคุมจะอัปเดตตาม workload ที่เลือกอัตโนมัติ
- ปรับ max-age และ s-maxage: กำหนดอายุการ cache ของเบราว์เซอร์ (max-age) และของ shared/CDN (s-maxage) เป็นวินาที มี duration hints แสดงเทียบเป็นวัน ชั่วโมง หรือนาที
- เปิด/ปิด validators และ directives: เปิดใช้ ETag, Last-Modified, public/private, immutable, must-revalidate และ stale-while-revalidate ตามที่ workload ต้องการ
- คัดลอก headers หรือ nginx snippet: ตรวจสอบ HTTP headers และ nginx config snippet ที่สร้างขึ้น จากนั้นคัดลอกไปยังคลิปบอร์ดหรือดาวน์โหลด headers เป็นไฟล์ .txt
คุณสมบัติหลัก
- 4 production presets: static assets, API response, SPA HTML และ immutable CDN content
- Cache-Control builder ครบทุกตัว: max-age, s-maxage, public/private, immutable, must-revalidate, stale-while-revalidate
- ETag และ Last-Modified conditional validators ที่ช่วยให้เกิด 304 Not Modified ที่มีประสิทธิภาพ
- สร้าง nginx config snippet อัตโนมัติตาม preset ที่เลือก พร้อมวางลง server block ได้ทันที
- แสดงระยะเวลาที่อ่านง่าย (วัน/ชั่วโมง/นาที) ข้างช่อง max-age และ s-maxage
- คัดลอกไปคลิปบอร์ดและดาวน์โหลดเป็น .txt — offline สมบูรณ์ ไม่ต้องใช้ API key หรือเรียก network