ทดสอบความเร็วเว็บไซต์

ทดสอบความเร็วเว็บไซต์

คู่มือและเช็กลิสต์ Core Web Vitals (LCP, CLS, INP) และปัจจัยที่มีผลต่อความเร็วเว็บไซต์

เครื่องมือ · ประสิทธิภาพ

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

  • LCP (Largest Contentful Paint): เวลาโหลดของภาพหลัก เป้าหมาย: ไม่เกิน 2.5 วินาที
  • CLS (Cumulative Layout Shift): ความเสถียรของเลย์เอาต์ เป้าหมาย: ไม่เกิน 0.1
  • INP (Interaction to Next Paint): การตอบสนองต่อการโต้ตอบ เป้าหมาย: ไม่เกิน 200 ms
  • ปัจจัยที่มีผล: ขนาดไฟล์รูปภาพ ฟอนต์ สคริปต์ภายนอก และการกำหนดขนาดไว้ล่วงหน้า

ทำงานอย่างไร

วัดจุดเริ่มต้นของคุณด้วยเครื่องมืออย่าง PageSpeed Insights หรือ Lighthouse ซึ่งจะให้คะแนน LCP, CLS และ INP ของหน้าที่ทดสอบ

เพื่อให้ LCP ดี: ปรับและบีบอัดรูปภาพ โหลดภาพหลัก (hero) แบบให้ความสำคัญสูง และหลีกเลี่ยงสคริปต์ที่บล็อกการแสดงผล

เพื่อให้ CLS ดี: กำหนดขนาดคงที่ไว้ล่วงหน้าให้รูปภาพและโฆษณา และโหลดฟอนต์ด้วย “display: swap” เพื่อไม่ให้ข้อความกระโดด

เพื่อให้ INP ดี: ลดปริมาณ JavaScript ที่ทำงานเมื่อมีการโต้ตอบ และเลื่อนสคริปต์ที่ไม่จำเป็นไปหลังการโหลดครั้งแรก

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

Core Web Vitals คืออะไร

Core Web Vitals คือเมตริกประสบการณ์ผู้ใช้สามตัวของ Google ได้แก่ LCP (ความเร็วในการโหลดเนื้อหาหลัก) CLS (ความเสถียรของภาพ) และ INP (การตอบสนองต่อการโต้ตอบ) เป็นปัจจัยในการจัดอันดับการค้นหา

เว็บไซต์ควรโหลดเร็วแค่ไหน

เป้าหมายที่แนะนำคือ LCP ไม่เกิน 2.5 วินาที CLS ไม่เกิน 0.1 และ INP ไม่เกิน 200 มิลลิวินาที หากอยู่ในค่าเหล่านี้ Google ถือว่าประสบการณ์ “ดี”

อะไรที่ทำให้เว็บไซต์ช้าบ่อยที่สุด

สาเหตุที่พบบ่อยคือรูปภาพขนาดใหญ่ที่ไม่ได้บีบอัด สคริปต์ภายนอกมากเกินไป (แชต analytics โฆษณา) ฟอนต์ที่โหลดแบบบล็อก และการไม่กำหนดขนาดรูปภาพไว้ล่วงหน้า ซึ่งทำให้เลย์เอาต์เลื่อน

ฉันตรวจสอบความเร็วเว็บไซต์ได้อย่างไร

ใช้เครื่องมือฟรีอย่าง Google PageSpeed Insights หรือ Lighthouse (มีใน Chrome) ใส่ที่อยู่หน้าเว็บ แล้วคุณจะได้คะแนน Core Web Vitals พร้อมคำแนะนำการแก้ไขที่เป็นรูปธรรม

เครื่องมือที่เกี่ยวข้อง

สร้างเว็บไซต์ของคุณด้วย 4buildsite

เว็บไซต์แนะนำธุรกิจ ร้านค้าออนไลน์ หรือมาร์เก็ตเพลส ที่ปรับให้เหมาะกับ AI, GEO และ SEO ตั้งแต่เริ่มต้น โดยไม่ต้องจ้างเอเจนซี

ดูราคา →