Cloudflare Cache คืออะไร ทำงานอย่างไรให้เว็บเร็วขึ้น

Categories

Cloudflare Cache เป็นหนึ่งในคุณสมบัติหลักที่ทำให้เว็บไซต์โหลดได้เร็วขึ้นอย่างมีนัยสำคัญ โดยการเก็บไฟล์ Static ไว้ที่ Edge Server ใกล้ผู้ใช้งาน บทความนี้อธิบายหลักการทำงานของ Cloudflare Cache และวิธีตั้งค่าให้เว็บไซต์บน VPS ช้าได้อย่างเต็มประสิทธิภาพ

Cloudflare Cache ทำงานอย่างไร?

เมื่อผู้เยี่ยมชมเว็บไซต์ของคุณครั้งแรก Cloudflare จะดึงไฟล์ Static เช่น รูปภาพ, CSS, JavaScript จาก VPS และเก็บไว้ที่ Edge Network ทั่วโลก ครั้งต่อไป Cloudflare ส่งไฟล์เหล่านั้นโดยตรงจาก Edge โดยไม่ต้องเยี่ยม VPS อีก ทำให้โหลดเร็วกว่าเดิมอย่างมาก

ไฟล์ประเภทใดที่ Cloudflare Cache โดยอัตโนมัติ?

Cloudflare Cache ไฟล์ Static โดยอัตโนมัติ ได้แก่:

  • รูปภาพ: .jpg, .png, .gif, .webp, .svg, .ico
  • CSS: .css
  • JavaScript: .js
  • Video/Audio: .mp4, .mp3, .webm
  • Documents: .pdf, .zip
  • Fonts: .woff, .woff2, .ttf

ไฟล์ Dynamic เช่น HTML หรือ API Response จะไม่ถูก Cache โดยอัตโนมัติ เว้นแต่จะตั้งค่าให้ Cache ด้วย Page Rules

Cache Status แต่ละประเภทคืออะไร?

ดู Cache Status ได้จาก Response Header CF-Cache-Status:

Status ความหมาย
HIT ไฟล์ถูกอ่านจาก Cache
MISS ไม่พบใน Cache ดึงจาก Origin Server
EXPIRED ไฟล์ Cache หมดอายุ อัปเดตจาก Origin
BYPASS ทั้งค่าให้ข้าม Cache
DYNAMIC ไฟล์ Dynamic ไม่ถูก Cache
REVALIDATED ตรวจสอบกับ Origin แล้วใช้ Cache เดิม

ตั้งค่า Cache Level

ไปที่ Cloudflare Dashboard → Caching → Configuration เพื่อเลือกระดับ Cache:

  • No Query String — Cache เฉพาะไฟล์ที่ไม่มี Query String (เช่น ?v=1)
  • Ignore Query String — Cache ทั้งหมดโดยไม่สนใจ Query String
  • Standard — Cache ตามปกติ (ค่าเริ่มต้น)

ตั้งค่า Browser Cache TTL

Browser Cache TTL คือระยะเวลาที่ Browser ของผู้เยี่ยมชมจะเก็บไฟล์ไว้โดยไม่ต้องดึงจากเซิร์ฟเวอร์อีก แนะนำให้ตั้ง TTL สูงเช่น 1 วัน หรือ 1 เดือน สำหรับไฟล์ Static ที่เปลี่ยนเป็นน้อย

เป็นอย่างไร Cache จึงช่วยเร่งเว็บบน VPS?

เมื่อใช้ VPS ร่วมกับ Cloudflare Cache:

  • ลด Bandwidth ที่ VPS ใช้ไป เพราะไฟล์ Static ส่งจาก Cloudflare Edge โดยตรง
  • ลดภาระ CPU และ I/O บนเซิร์ฟเวอร์
  • เว็บไซต์โหลดเร็วขึ้นสำหรับผู้เยี่ยมชมทั้งในและต่างประเทศ
  • รองรับ Traffic เพิ่มขึ้นอย่างสมเหตุสมผลโดยไม่ต้องเพิ่ม Spec VPS

วิธีตรวจสอบว่าเว็บไซต์ใช้ Cloudflare Cache หรือไม่

เปิด Developer Tools ใน Browser (F12) ไปที่แท็บ Network แล้วดู Response Header:

CF-Cache-Status: HIT
Age: 3600
Cache-Control: max-age=14400

หาก CF-Cache-Status เป็น HIT แสดงว่าไฟล์ถูกอ่านจาก Cache สำเร็จ หากเป็น MISS คือดึงจาก Origin Server

สรุป

Cloudflare Cache เป็นเครื่องมือเร่งความเร็วที่ทำให้เว็บไซต์บน VPS ช้ายแบนด์วิธเหลือเน้น ลดภาระเซิร์ฟเวอร์ และเพิ่มประสบการณ์ผู้ใช้งาน การตั้งค่า Cache Level และ Browser TTL ที่เหมาะสมจะช่วยดึงศักยภาพของ CDN ได้อย่างเต็มที่