logo
GeekFormat

เครื่องมือวิเคราะห์ 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 ออนไลน์ เข้าใจคำสั่งแคชได้ทันทีโดยไม่ต้องจำ

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

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

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

คุณสมบัติ

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

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

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

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

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 และเจ้าของเว็บไซต์ที่ต้องการตรวจสอบคอนฟิกแคชอย่างรวดเร็ว

เครื่องมือสร้าง Authentication Headerเครื่องมือวิเคราะห์ Cache-Controlเครื่องมือวิเคราะห์ Content-Dispositionเครื่องมือสร้าง CORS Headerเครื่องมือตรวจสอบ CORSCSP Builderตัวแปลง cURL เป็นโค้ดตรวจสอบการแพร่กระจาย DNS ทั่วโลกค้นหา DNSForwarded Header Parserเครื่องมือสร้าง Hreflang TagHSTS AnalyzerHTTP Cookie ParserHTTP Headers CheckerHTTP Request Runnerค้นหารหัสสถานะ HTTPค้นหา IPตัวแปลง IPv4เครื่องมือขยายช่วง IPv4เครื่องมือจัดการที่อยู่ IPv6ตัวแยกวิเคราะห์ส่วนหัว Linkค้นหา MX Recordตรวจสอบพอร์ตสร้างพารามิเตอร์ URLตัวแยกวิเคราะห์ส่วนหัว Rate Limitเครื่องมือตรวจสอบห่วงโซ่การเปลี่ยนเส้นทางสร้าง Robots.txtตรวจสอบ Robots.txtตรวจสอบส่วนหัวความปลอดภัยสร้าง Security.txtตัวแยกวิเคราะห์ Set-Cookieตรวจสอบเครือข่ายเว็บไซต์สร้าง Sitemapตรวจสอบ Sitemapตัวตรวจสอบใบรับรอง SSLเครื่องคำนวณซับเน็ตตัวแยกวิเคราะห์ URLตัวแยกวิเคราะห์ User-Agentตัวสร้างลิงก์ UTMทดสอบ WebSocketWhat Is My IP?ค้นหา WHOIS