ตัวตรวจสอบความเร็วหน้าเว็บ

เกี่ยวกับ ตัวตรวจสอบความเร็วหน้าเว็บ

ตัวตรวจสอบความเร็วหน้าเว็บ เป็นเครื่องมือบนเบราว์เซอร์ที่วิเคราะห์ประสิทธิภาพของเว็บไซต์โดยการวัดเวลาการโหลดและตรวจสอบ HTTP response headers เครื่องมือนี้จะให้คะแนนประสิทธิภาพทันที พร้อมแผนภูมิ Waterfall แสดงขั้นตอนเวลา (DNS, การเชื่อมต่อ, TTFB, การดาวน์โหลด) และคำแนะนำที่นำไปปฏิบัติได้จริงเพื่อปรับปรุงความเร็วหน้าเว็บ, การทำแคช, การบีบอัด และส่วนหัวด้านความปลอดภัย

วิธีใช้งานตัวตรวจสอบความเร็วหน้าเว็บ

1. กรอก URL — พิมพ์หรือวาง URL เต็มของหน้าที่คุณต้องการวิเคราะห์ เครื่องมือจะเพิ่ม https:// ให้โดยอัตโนมัติหากไม่ได้ระบุ
2. คลิก "วิเคราะห์ความเร็ว" — เครื่องมือจะดึงข้อมูลหน้าเว็บ บันทึกเวลา และวิเคราะห์ response headers
3. ตรวจสอบคะแนนของคุณ — คะแนนประสิทธิภาพโดยรวม (0–100) จะถูกคำนวณตามเวลาตอบสนองและแนวทางปฏิบัติที่ดีที่สุดของ Header
4. ตรวจสอบลำดับเวลา (Waterfall) — แผนภูมิ Waterfall จะแยกย่อยขั้นตอนการค้นหา DNS, การเชื่อมต่อ, การตอบสนองของเซิร์ฟเวอร์ (TTFB) และการดาวน์โหลดเนื้อหา
5. อ่านรายงานการตรวจสอบและข้อเสนอแนะ — ตรวจสอบผลการตรวจสอบ Header เฉพาะจุด และปฏิบัติตามคำแนะนำที่จัดลำดับความสำคัญไว้เพื่อเพิ่มประสิทธิภาพ

ทำความเข้าใจเมตริกสำคัญ

TTFB (Time to First Byte)

TTFB วัดระยะเวลาที่เบราว์เซอร์รอข้อมูลไบต์แรกจากเซิร์ฟเวอร์หลังจากส่งคำขอ ซึ่งรวมถึงการแก้ไข DNS, การเชื่อมต่อ TCP, การสื่อสาร TLS และเวลาประมวลผลของเซิร์ฟเวอร์ ค่า TTFB ที่ดีควรต่ำกว่า 200ms ค่าที่เกิน 1000ms บ่งบอกถึงปัญหาคอขวดที่รุนแรงในฝั่งเซิร์ฟเวอร์

เวลาโหลดทั้งหมด (Total Load Time)

เวลาทั้งหมดตั้งแต่เริ่มคำขอจนถึงการดาวน์โหลดการตอบสนองเสร็จสิ้น สำหรับเอกสาร HTML นี่หมายถึงเวลาในการถ่ายโอนเอกสาร (ไม่รวมการโหลดทรัพยากรอื่นๆ ตามมา เช่น รูปภาพ, CSS และ JavaScript)

ขนาดการตอบสนอง (Response Size)

ขนาดของเนื้อหาที่ตอบสนอง การตอบสนองที่เล็กลงจะโหลดได้เร็วขึ้น ควรเปิดใช้งานการบีบอัด (gzip/Brotli) และย่อขนาด HTML/CSS/JS เพื่อลดขนาดการถ่ายโอน โดยปกติ HTML ของหน้าเว็บควรมีขนาดต่ำกว่า 100KB เมื่อบีบอัดแล้ว

แนวทางปฏิบัติที่ดีที่สุดสำหรับ Header ประสิทธิภาพ

การแยกย่อยคะแนน

คะแนนประสิทธิภาพคำนวณจากปัจจัยหลักสองประการ:

• เวลาตอบสนอง (60%) — TTFB และเวลาโหลดทั้งหมด ค่า TTFB ต่ำกว่า 200ms และเวลาทั้งหมดต่ำกว่า 1000ms ถือว่ายอดเยี่ยม
• การตรวจสอบ Header (40%) — หากขาดการบีบอัด, การทำแคช หรือส่วนหัวด้านความปลอดภัย คะแนนจะลดลง การตรวจสอบที่ล้มเหลวแต่ละจุดจะถูกหักคะแนน

ระดับคะแนนคือ: 90–100 ยอดเยี่ยม, 70–89 ดี, 50–69 ควรปรับปรุง, 0–49 แย่

ข้อจำกัด

• เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณ ดังนั้นผลลัพธ์จะสะท้อนถึงสภาพเครือข่ายและตำแหน่งทางภูมิศาสตร์ ของคุณ
• ข้อจำกัดของ CORS อาจขัดขวางการวิเคราะห์ Header อย่างสมบูรณ์ในบางเว็บไซต์ ในกรณีนี้เครื่องมือจะสลับไปวิเคราะห์เฉพาะข้อมูลเวลาแทน
• ไม่เหมือนกับเครื่องมือฝั่งเซิร์ฟเวอร์ (เช่น Lighthouse, WebPageTest) เครื่องมือนี้ไม่สามารถวัดเวลาการเรนเดอร์, การรัน JavaScript หรือ Core Web Vitals เช่น LCP, FID และ CLS ได้
• ผลลัพธ์อาจแตกต่างกันไปในแต่ละครั้งเนื่องจากสภาพเครือข่าย, ภาระงานของเซิร์ฟเวอร์ และการทำแคช

เคล็ดลับในการปรับปรุงความเร็วหน้าเว็บ

1. เปิดใช้งานการบีบอัด — กำหนดค่า gzip หรือ Brotli บนเว็บเซิร์ฟเวอร์เพื่อบีบอัดไฟล์ทรัพยากรที่เป็นข้อความ
2. ตั้งค่า Cache Headers — ใช้ max-age ที่นานสำหรับไฟล์สแตติก และ max-age ที่สั้นพร้อม ETag สำหรับ HTML
3. ใช้ CDN — ให้บริการไฟล์ทรัพยากรจากตำแหน่งเครือข่ายที่อยู่ใกล้กับผู้ใช้เพื่อลดความหน่วง (latency)
4. ปรับแต่งรูปภาพ — ใช้รูปแบบไฟล์ที่ทันสมัย (WebP, AVIF), บีบอัดรูปภาพ และใช้การโหลดแบบขี้เกียจ (lazy loading)
5. ลดทรัพยากรที่ขวางการเรนเดอร์ — เลื่อนการโหลด CSS และ JavaScript ที่ไม่สำคัญออกไป
6. ลดสคริปต์ภายนอก (Third-Party) — สคริปต์ภายนอกแต่ละตัวจะเพิ่มการค้นหา DNS, การเชื่อมต่อ และเวลาในการประมวลผล

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

ตัวตรวจสอบความเร็วหน้าเว็บวัดค่าอะไรบ้าง?

เครื่องมือนี้วัดเวลาตอบสนอง (TTFB และการโหลดทั้งหมด), วิเคราะห์ HTTP response headers สำหรับแนวทางปฏิบัติที่ดีที่สุดด้านประสิทธิภาพ เช่น การทำแคช, การบีบอัด และส่วนหัวด้านความปลอดภัย พร้อมให้คะแนนประสิทธิภาพโดยรวมและคำแนะนำที่นำไปปฏิบัติได้จริง

ทำไมความเร็วของหน้าเว็บจึงสำคัญต่อ SEO?

Google ใช้ความเร็วหน้าเว็บเป็นปัจจัยในการจัดอันดับ หน้าเว็บที่เร็วขึ้นจะมอบประสบการณ์ผู้ใช้ที่ดีกว่า ลดอัตราการตีกลับ และเพิ่มอัตราการเปลี่ยนเป็นลูกค้า นอกจากนี้ Core Web Vitals ก็เป็นส่วนหนึ่งของสัญญาณประสบการณ์หน้าเว็บของ Google ด้วย

TTFB คืออะไร และทำไมจึงสำคัญ?

TTFB (Time to First Byte) วัดระยะเวลาที่เบราว์เซอร์รอข้อมูลไบต์แรกจากเซิร์ฟเวอร์ ค่า TTFB ที่ดีควรต่ำกว่า 200ms ค่า TTFB ที่สูงบ่งบอกถึงปัญหาฝั่งเซิร์ฟเวอร์ เช่น การค้นหาฐานข้อมูลที่ช้า หรือเซิร์ฟเวอร์ทำงานหนักเกินไป

ทำไมฉันจึงพบข้อผิดพลาด CORS เมื่อทดสอบบาง URL?

ข้อผิดพลาด CORS เกิดขึ้นเมื่อเว็บไซต์จำกัดคำขอข้ามโดเมนผ่านเบราว์เซอร์เพื่อความปลอดภัย หากคุณพบข้อผิดพลาดนี้ แสดงว่าเซิร์ฟเวอร์เป้าหมายไม่อนุญาตให้เบราว์เซอร์ส่งคำขอมาจากโดเมนอื่น

ฉันจะปรับปรุงคะแนนความเร็วหน้าเว็บได้อย่างไร?

เปิดใช้งานการบีบอัด gzip/Brotli, ตั้งค่า Cache-Control headers ที่เหมาะสม, ใช้ CDN, ปรับแต่งรูปภาพ, ลดไฟล์ที่ขวางการเรนเดอร์ และติดตั้งส่วนหัวด้านความปลอดภัย เช่น HSTS

เครื่องมือสำหรับเว็บมาสเตอร์:

• เครื่องคิดเลข CPC
• เครื่องคำนวณ CPM
• CSS Compressor
• เครื่องสร้างฟาวิคอน
• เครื่องคำนวณ Google AdSense
• เครื่องสร้าง cron job
• เครื่องสร้างนิพจน์ crontab
• คอมเพรสเซอร์ HTML
• ตัวแปลง HTML เป็นข้อความ แนะนำ
• เครื่องตรวจสอบความหนาแน่นของคำหลัก
• เครื่องสร้างตาราง Markdown
• เครื่องสร้างเมตาแท็ก
• เครื่องลบเครื่องหมายคำพูดอัจฉริยะ
• ตัวสร้าง URL Slug
• เครื่องคำนวณค่าหน้า
• เครื่องคำนวณมูลค่าผู้เข้าชม
• ตัวคำนวณสิทธิ์ Unix (chmod)
• ตัวเข้ารหัส/ถอดรหัส HTML Entity
• ตัวสร้าง Lorem Ipsum
• Escape Unescape สตริง JSON
• เครื่องแปลง cURL เป็น JSON
• ตัวจัดรูปแบบ SQL
• เครื่องมือปรับแต่ง SVG
• เครื่องมือสร้างรหัสการเปลี่ยนเส้นทาง .htaccess
• ตัวตรวจสอบขนาดการรวบรวมข้อมูล Googlebot
• เครื่องมือสร้าง robots.txt ใหม่
• เครื่องมือสร้าง XML Sitemap ใหม่
• เครื่องตรวจสอบอายุโดเมน ใหม่
• ตัวตรวจสอบ Open Graph ใหม่
• ค้นหา WHOIS ใหม่
• ตรวจสอบ DNS ใหม่
• ตัวตรวจสอบความเร็วหน้าเว็บ ใหม่
• ตรวจสอบความน่าเชื่อถือโดเมน ใหม่
• ตรวจสอบการเปลี่ยนเส้นทาง ใหม่
• เครื่องสร้างแท็ก Hreflang ใหม่
• เครื่องมือตรวจสอบลิงก์เสีย ใหม่
• พื้นที่ทดลอง CSS Flexbox ใหม่
• เครื่องมือสร้าง CSS Grid ใหม่
• เครื่องมือสร้างคำสั่ง Git ใหม่
• เครื่องสร้างไฟล์ .env ใหม่
• เครื่องมือสร้างคำสั่ง cURL ใหม่
• การอ้างอิงรหัสสถานะ HTTP ใหม่
• ตัวแยกวิเคราะห์ URL ใหม่
• เครื่องมือสร้างสตริงคำค้นหา ใหม่
• ตัวแปลง SVG เป็น React/JSX ใหม่
• คอมไพเลอร์ SCSS เป็น CSS ใหม่
• คอมไพเลอร์ Less เป็น CSS ใหม่
• สนามทดลอง TypeScript ใหม่
• เครื่องสร้างสคีมา JSON ใหม่