July 3, 2025
Caching Strategy สำหรับเว็บไซต์ Traffic สูง: เคล็ดลับและแนวทาง
กลยุทธ์แคชที่ได้ผลคือแยกเลเยอร์ Browser–CDN/Edge–Server–Service Worker ตั้ง Cache-Control/ETag ให้เหมาะชนิดคอนเทนต์ ทำ fingerprinting + immutable กับ assets, ตั้ง TTL HTML/JSON สั้นพร้อมสลับ SWR/รีเฟรชฉลาด และวัดผลด้วย CWV/TTFB/Cache-Hit Ratio หลังเปลี่ยน.
Website Caching Strategy Guide (2025): ทำให้เว็บเร็ว เสถียร และคุ้มโฮสติ้ง
สำหรับเจ้าของเว็บ/PM/DevOps เป้าหมายคือ “โหลดไวขึ้น วัดผลได้ ลดต้นทุนทราฟฟิก” โดยไม่ทำให้ข้อมูลผิดเวลา เราจะวางแผนแบบ layered caching (Browser → CDN/Edge → Server → Service Worker) พร้อมเฮดเดอร์และ TTL ที่เหมาะกับงาน
1) เลือกเลเยอร์แคชให้ตรงงาน
| เลเยอร์ | เหมาะกับ | ข้อดี | ข้อควรระวัง |
|---|---|---|---|
| Browser cache | ไฟล์คงที่: JS/CSS/ภาพ/ฟอนต์ | ลดดาวน์โหลดซ้ำ, เร่ง LCP/INP | ต้องทำ fingerprinting และ immutable |
| CDN/Edge cache | HTML/static API ที่อนุญาต, ไฟล์สื่อ | ลด TTFB, แบ่งเบา origin, กาง TTL ยาวได้ | คีย์แคช/คุกกี้/ฮีดเดอร์ Vary มีผลต่อ hit |
| Server cache | เพจที่เรนเดอร์ซ้ำบ่อย | กันโหลด DB/แอป, ต้นทุนต่ำ | ต้องล้างแคชตามอีเวนต์เผยแพร่ |
| Service Worker | PWA/ฟีเจอร์ออฟไลน์/สลับ SWR | คุมกลยุทธ์ต่อไฟล์/เส้นทางละเอียด | ต้องจัดลำดับอัปเดตและเวอร์ชันให้ดี |
2) ค่าที่ควรรู้: Cache-Control/Validators/Vary
| หัวข้อ | ตัวอย่าง | ใช้เมื่อ | หมายเหตุ |
|---|---|---|---|
max-age, s-maxage |
Cache-Control: public, max-age=31536000, immutableCache-Control: public, s-maxage=600, max-age=60 |
ไฟล์คงที่ (ยาว), HTML ผ่าน CDN (สั้น) | s-maxage สำหรับ proxy/CDN |
no-store, no-cache |
no-store สำหรับข้อมูลอ่อนไหว |
หน้าแอดมิน/เช็คเอาต์/ข้อมูลส่วนตัว | no-cache = ต้อง revalidate ก่อนใช้ |
| Validator | ETag, Last-Modified |
HTML/JSON ที่เปลี่ยนบ่อย | ช่วยลด payload ด้วย conditional request |
Vary |
Vary: Accept-Encoding, Accept-Language |
คอนเทนต์ขึ้นกับภาษา/รูปแบบบีบอัด | อย่าใส่คุกกี้โดยไม่จำเป็น จะทำให้ miss |
| Immutable | immutable + ชื่อไฟล์มีแฮช |
JS/CSS/ฟอนต์/รูป | เปลี่ยนไฟล์ = เปลี่ยนชื่อ (fingerprinting) |
3) ตารางแนะนำ TTL/เฮดเดอร์ ต่อชนิดคอนเทนต์
| ชนิด | Browser | CDN/Edge | Server | หมายเหตุ |
|---|
