เครื่องมือวิเคราะห์ Cache-Control

เครื่องมือวิเคราะห์ Cache-Control

วิเคราะห์นโยบายแคช ขอบเขตที่สามารถแคชได้ และ TTL ความสดใหม่ รวมถึงสร้างส่วนหัวที่สามารถทำซ้ำได้ผ่าน Builder

สรุปการวิเคราะห์

Shared caches allowedความสดใหม่: 10m 0sstale-while-revalidate: 30s
ความสามารถในการแคช
Shared caches allowed
Freshness TTL
10m 0s
Stale-While-Revalidate
30s
Stale-If-Error
-

Builder

public, max-age=600, stale-while-revalidate=30

ตัวอย่าง JSON

{
  "directives": [
    {
      "key": "public",
      "value": null
    },
    {
      "key": "max-age",
      "value": "600"
    },
    {
      "key": "stale-while-revalidate",
      "value": "30"
    }
  ],
  "warnings": [],
  "cacheability": "Shared caches allowed",
  "freshnessSeconds": 600,
  "staleWhileRevalidateSeconds": 30,
  "staleIfErrorSeconds": null
}

วิเคราะห์ Cache-Control ออนไลน์ เข้าใจคำสั่งแคชได้ทันทีโดยไม่ต้องจำ

คำแนะนำที่เกี่ยวข้อง

ตัวแยกวิเคราะห์ Set-Cookie

ตัวแยกวิเคราะห์ User-Agent

เครื่องคำนวณซับเน็ต

ตัวตรวจสอบใบรับรอง SSL

เครื่องมือสร้าง Meta Tag

ตัวสร้าง Cron

กรณีการใช้งาน

  • เมื่อพบว่าทรัพยากรบนหน้าเว็บไม่อัปเดต ให้นำ Response Header มาวางเพื่อตรวจสอบว่านโยบายแคชผิดพลาดตรงไหน
  • ดีบักนโยบายแคชของเบราว์เซอร์เพื่อแก้ปัญหาหน้าเว็บไม่อัปเดต โดยการตรวจสอบคำสั่ง no-cache และ must-revalidate
  • เพิ่มประสิทธิภาพแคชของไฟล์ Static โดยใช้เครื่องมือสร้างเพื่อกำหนดค่า max-age, immutable และ stale-while-revalidate
  • ตรวจสอบคำสั่งแคชของ API เพื่อป้องกันไม่ให้ข้อมูลสำคัญถูกเก็บไว้ในแคช โดยการยืนยันว่า no-store ทำงานถูกต้อง

วิธีการใช้งาน

  1. วางเนื้อหา Cache-Control จาก Response Header ในส่วนวิเคราะห์ หรือใช้ส่วนสร้างเพื่อกำหนดคำสั่งแคช
  2. ในโหมดวิเคราะห์ ตรวจสอบค่า TTL, ขอบเขตการแคช, นโยบายการตรวจสอบใหม่ และคำเตือนต่างๆ
  3. ในโหมดสร้าง เลือกคำสั่งที่ต้องการ เช่น public/private/no-cache/no-store และระบุเวลา
  4. คัดลอกเนื้อหา Cache-Control ที่สร้างขึ้นเพื่อใช้ในคอนฟิกเซิร์ฟเวอร์หรือทดสอบการดีบักต่อ

คุณสมบัติ

  • แยกย่อยนโยบายแคชให้เข้าใจง่าย: ดูค่า TTL, แคชที่แชร์ และเงื่อนไขการตรวจสอบข้อมูลใหม่ได้ทันที
  • ปรับแต่งประสิทธิภาพได้แม่นยำ: แยกแยะความแตกต่างระหว่างแคชเบราว์เซอร์, แคช CDN และแคชของ API ได้อย่างชัดเจน
  • แชร์ผลลัพธ์เพื่อการทำงานร่วมกัน: ช่วยให้การสรุปผลการวิเคราะห์เพื่อคุยกับทีม Frontend, Backend หรือ DevOps ทำได้ง่ายขึ้น
  • สร้างค่าแคชเพื่อนำไปใช้จริง: เหมาะสำหรับการนำไปใส่ในคอนฟิกของเซิร์ฟเวอร์หรือใช้ในการทดสอบนโยบายแคช

คำถามที่พบบ่อย

max-age และ s-maxage ใน Cache-Control แตกต่างกันอย่างไร?

max-age ส่งผลต่อแคชในเบราว์เซอร์ของผู้ใช้เป็นหลัก ส่วน s-maxage จะเน้นไปที่ CDN และแคชที่แชร์ร่วมกัน การแยกแยะคำสั่งเหล่านี้จะช่วยให้รู้ว่าแคชติดอยู่ที่ระดับใด

ทำไมตั้งค่าแคชแล้ว เบราว์เซอร์ยังคงดึงข้อมูลใหม่จากเซิร์ฟเวอร์อยู่เสมอ?

สาเหตุทั่วไปอาจมาจากคำสั่ง no-cache, must-revalidate, เวลาแคชสั้นเกินไป หรือมีการขัดกันของ Header การวิเคราะห์จะช่วยระบุได้ว่าคำสั่งใดที่เป็นต้นเหตุ

เครื่องมือนี้เหมาะสำหรับตรวจสอบแคช CDN และไฟล์ Static หรือไม่?

เหมาะมาก ไม่ว่าจะเป็นรูปภาพ, JS, CSS หรือ Response Header ของ API คุณสามารถตรวจสอบ TTL, นโยบายการแชร์แคช และเงื่อนไขการอัปเดตข้อมูลที่หมดอายุได้

การวิเคราะห์ Cache Header ออนไลน์ปลอดภัยหรือไม่?

เครื่องมือนี้เน้นวิเคราะห์ข้อความ Header ที่คุณวางลงไป ไม่มีการอัปโหลดไฟล์ที่ซับซ้อน เหมาะสำหรับนักพัฒนา Frontend, DevOps และเจ้าของเว็บไซต์ที่ต้องการตรวจสอบคอนฟิกแคชอย่างรวดเร็ว