มีคนนำหน้าแรกของคุณไปทดสอบใน PageSpeed Insights แล้วส่งภาพ
ก่อนจะทำอะไรกับตัวเลขนั้น ควรรู้ก่อนว่ากำลังดูอะไรอยู่ รายงาน PageSpeed Insights มี 2 ส่วน คือ หน้าเว็บทำงานอย่างไรกับ
คำตอบ สั้น ๆ
- รายงานรวมข้อมูล 2 แบบ: ข้อมูล
ภาคสนาม (field data) จากผู้ใช้ Chrome จริงในช่วง 28 วันที่ผ่านมา ตามด้วยการทดสอบในแล็บด้วย Lighthouse ที่ให้คะแนนตั้งแต่ 0 ถึง 100 - ตัดสินหน้าเว็บจากข้อมูล
ภาคสนาม ถ้าผลประเมิน Core Web Vitals บอกว่า “Passed” แปลว่าผู้เข้าชม จริงส่วนใหญ่ ได้รับประสบการณ์ที่ดี ไม่ว่าคะแนนแล็บจะเป็นเท่าไร - ใช้คะแนนแล็บเพื่อวินิจฉัย ไม่ใช่เป็น
เป้าหมาย การไล่ตามคะแนน 100 แทบไม่เปลี่ยนอะไรที่ผู้เข้าชม สังเกตได้ - คะแนน
มือถือ ต่ำกว่าโดยตั้งใจ เพราะการทดสอบในแล็บจำลองมือถือ ระดับกลางที่ใช้การเชื่อมต่อ ช้า - คะแนนต่างกันในแต่ละครั้งที่รัน จึงควรทดสอบหลายครั้ง แล้วใช้ผลที่อยู่ตรงกลาง
Field data กับ lab data: สองส่วนของรายงาน
รายงานจะเปิดที่แท็บ Mobile โดยมีแท็บ Desktop อยู่ข้าง ๆ ทั้งสองแท็บมี 2 ส่วนเหมือนกัน:
| ข้อมูล |
ข้อมูลแล็บ (ด้านล่าง) | |
|---|---|---|
| แหล่งข้อมูล | Chrome UX Report (CrUX): การเข้าชมจริงของ |
Lighthouse: การโหลดหน้าเว็บหนึ่งครั้ง บนเซิร์ฟเวอร์ของ Google |
| เงื่อนไข | อุปกรณ์และ |
|
| ช่วงเวลา | 28 วันที่ผ่านมา แบบเลื่อนไปเรื่อย ๆ | ตอนที่คุณรันการทดสอบ |
| ค่าวัด | LCP INP และ CLS รวมถึง FCP และ TTFB | FCP LCP TBT CLS และ Speed Index รวมเป็นคะแนนเดียว |
| เหมาะกับ | ตัดสินว่า |
หาสาเหตุ และทดสอบการแก้ไข |
เมื่อสองส่วนนี้ขัดกัน ให้ยึดข้อมูล
อ่านข้อมูลภาคสนาม
ผลประเมิน Core Web Vitals
สิ่งแรกที่เห็นคือคำตัดสิน: “Passed” หรือ “Failed” หน้าเว็บจะผ่านเมื่อ Core Web Vitals ทั้ง 3 ตัวอยู่ในเกณฑ์ดีที่เปอร์เซ็นไทล์ที่ 75 ตามเกณฑ์ที่ Google
| ค่าวัด | วัดอะไร | ดี | แย่ |
|---|---|---|---|
| LCP หรือ Largest Contentful Paint | เนื้อหาหลักปรากฏเร็วแค่ไหน | ไม่เกิน 2.5 วินาที | เกิน 4 วินาที |
| INP ( |
หน้าเว็บ |
ไม่เกิน 200 |
เกิน 500 |
| CLS หรือ Cumulative Layout Shift | ไม่เกิน 0.1 | เกิน 0.25 |
ค่าที่อยู่
แถบสี เปอร์เซ็นไทล์ที่ 75 และปุ่มสลับ origin
ค่าวัดแต่ละตัวแสดงค่าที่เปอร์เซ็นไทล์ที่ 75 หมายความว่า 3 ใน 4 ของการเข้าชมเร็วอย่างน้อยเท่านั้น (หรือสำหรับ CLS คือนิ่งอย่างน้อยเท่านั้น) แถบด้านล่างแบ่งการเข้าชมเป็น ดี ต้องปรับปรุง และแย่ หน้าเว็บอาจผ่านได้ทั้งที่การเข้าชมมากถึงหนึ่งในสี่ไม่ถึงเกณฑ์ จึงควรสังเกตส่วนสีแดง และดูว่าค่าวัดไหนอยู่ใกล้เกณฑ์มากที่สุด เพราะตัวนั้นจะไม่ผ่านเป็นตัวแรก
ปุ่มสลับใช้เปลี่ยน
ข้อมูล
อ่านข้อมูลแล็บ และคะแนน Performance
คะแนน Performance ของ Lighthouse คิดอย่างไร
ส่วนล่างที่มีหัวข้อ “Diagnose performance issues” คือการทดสอบด้วย Lighthouse ซึ่งโหลดหน้าเว็บหนึ่งครั้ง ให้คะแนนค่าวัด 5 ตัว โดยเทียบกับข้อมูลจาก
คะแนน 0–49 คือแย่ (สีแดง) 50–89 คือต้องปรับปรุง (สีส้ม) และ 90–100 คือดี (สีเขียว) ยิ่งใกล้คะแนนเต็ม คะแนนยิ่งขยับยาก เอกสาร Lighthouse ของ Google ระบุว่าการขยับจาก 99 เป็น 100 ต้องปรับค่าวัดให้ดีขึ้นพอ ๆ กับการขยับจาก 90 เป็น 94 การยกคะแนนหน้าสำคัญจาก 35 เป็น 75 มัก
ทำไม TBT จึงใช้แทน INP
การทดสอบในแล็บไม่มี
Treemap และคะแนนอื่น ๆ
ปุ่ม View Treemap แสดง JavaScript ของหน้าเว็บ
คะแนน Accessibility, Best Practices และ SEO คือการตรวจ
ทำไมคะแนน PageSpeed บนมือถือ จึงต่ำกว่า
ถ้าคะแนน PageSpeed ของคุณต่ำบน
หน่วย
- ข้อมูล
ภาคสนาม ผ่าน แต่คะแนนแล็บต่ำ:ผู้เข้าชม จริงส่วนใหญ่ ไม่มีปัญหา ให้มองรายการจากแล็บเป็นการเตรียม พร้อมสำหรับอนาคต ไม่ใช่เรื่องฉุกเฉิน - ข้อมูล
ภาคสนาม ก็ไม่ผ่าน: งานที่ต้องทำอยู่บนมือถือ และรายการจากแล็บบอกว่าควรเริ่มตรงไหน - ไม่มีข้อมูล
ภาคสนาม : ผลจากแล็บคือหลักฐาน ที่ดีที่สุดในตอนนี้ (ดูหัวข้อเรื่องหน้าที่มีทราฟฟิก น้อยด้านล่าง)
ทำไมคะแนนเปลี่ยนทุกครั้งที่รัน
หน้าเดียวกัน อาจได้คะแนนต่างกันทุกครั้งที่รัน เพราะ:
- การ
ตอบสนอง ของเซิร์ฟเวอร์ไม่คงที่ โดยเฉพาะบนโฮสติ้ง แบบแชร์ที่มีคนใช้เยอะ หรือหลังล้างแคชใหม่ ๆ - เนื้อหาจากบุคคลที่สามเปลี่ยนไป โฆษณา A/B test
วิดเจ็ต แชต และ tag manager อาจโหลดสิ่งที่ต่างกันในแต่ละครั้ง - เงื่อนไขการทดสอบต่างกัน เครื่องที่ใช้ทดสอบ และ
เส้นทาง เครือข่าย ไปยังเซิร์ฟเวอร์ของคุณ ต่างกันเล็กน้อย ทุกครั้ง - Lighthouse เองก็เปลี่ยน รายงานระบุว่าใช้เวอร์ชันไหน และเวอร์ชันใหม่อาจเปลี่ยนสิ่งที่วัด คะแนนเก่าจึงอาจเทียบกันไม่ได้
ถ้าต้องการตัวเลขที่
ควรแก้คำแนะนำ ไหนของ PageSpeed Insights ก่อน
ใต้คะแนนจะเป็นรายการสิ่งที่ตรวจพบ ณ เวลาที่เขียน (กันยายน 2026) PageSpeed Insights จัดกลุ่มเป็น Insights และ Diagnostics ส่วนรายงานและคู่มือรุ่นเก่า เรียกกลุ่มแรกว่า Opportunities แต่ละรายการชี้ไปที่สาเหตุ ซึ่งมักมีการประเมินเวลาที่จะประหยัดได้ด้วย
เริ่มจากค่าวัดที่ไม่ผ่าน
ถ้าข้อมูล
หาองค์ประกอบ LCP และดูว่าเวลาหมดไปกับอะไร
รายงานจะระบุ
| ส่วนของ LCP | เมื่อส่วนนี้ใหญ่ที่สุด | ควรดูตรงไหนก่อน |
|---|---|---|
| เวลาจนได้ไบต์แรก (TTFB) | เซิร์ฟเวอร์ |
|
| ความล่าช้าก่อนเริ่มโหลด (Resource load delay) | เบราว์เซอร์พบภาพหลักช้า | lazy-loading บนภาพฮีโร่ ภาพที่ |
| ภาพใช้เวลาดาวน์โหลดนานเกินไป | ขนาดไฟล์ |
|
| ความล่าช้าในการแสดงผล (Element render delay) | เนื้อหามาถึงแล้ว แต่แสดงไม่ได้ | CSS และ JavaScript ที่บล็อกการแสดงผล และเว็บฟอนต์ |
หัวข้อที่เป็น
จัดลำดับที่เหลือ ตามขนาด ขอบเขต และการควบคุม
- ประหยัดได้มากแค่ไหน? ตัวเลขประเมินเป็นแค่ค่าคร่าว ๆ แต่ให้แก้เรื่องที่ประหยัดได้เป็นวินาที ก่อนเรื่องที่ประหยัดได้เป็น
มิลลิวินาที - มีกี่หน้าที่มีสาเหตุเดียวกัน? การแก้ที่ธีม ปลั๊กอิน หรือ
โฮสติ้ง ช่วยทุกหน้าพร้อมกัน - คุณควบคุมได้ไหม? ไฟล์ของคุณเอง คุณเปลี่ยนได้ แต่
วิดเจ็ต จากบุคคลที่สาม คุณทำได้แค่เก็บไว้ หน่วงการโหลด หรือเอาออก บทความ สคริปต์ภายนอกกับความเร็วเว็บไซต์ ของเรา ช่วยตัดสินใจ เรื่องนี้
สิ่งที่มักปล่อยไว้ได้ คือรายการที่ประหยัดได้นิดเดียว
จากนั้นแก้ไข ทดสอบใหม่ และรอให้ข้อมูล
เมื่อหน้าเว็บมีทราฟฟิก ไม่พอสำหรับข้อมูลภาคสนาม
- เปลี่ยนไปดูข้อมูล origin ทั้ง
เว็บไซต์ อาจมีทราฟฟิก พอ แม้หน้านั้นจะไม่พอ - ตรวจ Search Console รายงาน Core Web Vitals ของ Search Console จัดกลุ่ม URL ที่คล้ายกัน หน้าที่คนเข้าน้อย จึงอาจปรากฏเป็นส่วนหนึ่งของกลุ่ม
- ทดสอบเทมเพลต ไม่ต้องทุกหน้า ติดตามหน้าหนึ่งหน้าของแต่ละประเภท (หน้าแรก หน้าบริการ บทความ
แลนดิ้งเพจ ) ไปตามเวลา - ลองบน
มือถือ จริง โหลดหน้าสำคัญบนมือถือ ระดับกลาง ผ่านเน็ตมือถือ - เก็บข้อมูล
ภาคสนาม เอง ไลบรารี JavaScriptโอเพนซอร์ส ของ Google ชื่อ web-vitals วัด LCP INP และ CLS จากผู้เข้าชม ของคุณ และส่งไปยังระบบวิเคราะห์ของคุณได้ (ดูเรื่องเบราว์เซอร์ที่รองรับในเอกสารของไลบรารี)
คู่มือเพิ่มความเร็ว
คำถาม ที่พบบ่อย
ต้องได้คะแนน PageSpeed Insights 100 ไหม?
ไม่ต้อง ตั้งแต่ 90 ขึ้นไป ก็อยู่ในช่วง “ดี” ของ Lighthouse แล้ว การผ่าน Core Web Vitals ในข้อมูล
คะแนน PageSpeed Insights มีผลต่ออันดับ Google ไหม?
Google บอกว่าระบบจัดอันดับของตน ใช้ Core Web Vitals ซึ่ง Google อธิบายว่าเป็นค่าวัดประสบการณ์
ทำไมเครื่องมือ วัดความเร็วอื่นให้คะแนนต่างกัน?
แต่ละ
ต้องรอนานแค่ไหน กว่าผลการแก้จะขึ้นในรายงาน?
ส่วนแล็บจะสะท้อนการแก้ไขทันทีที่ขึ้นระบบจริงและล้างแคชแล้ว ส่วนข้อมูล
ขั้นตอน ถัดไป
อ่านรายงาน PageSpeed Insights ตามลำดับ: ข้อมูล
ทำให้การทดสอบเป็นกิจวัตร ไม่ใช่แค่ตกใจครั้งเดียว ตรวจเทมเพลตหลักทุกเดือน และทุกครั้งหลังเพิ่มปลั๊กอิน สคริปต์ หรือ
ถ้าไม่อยากไล่อ่านรายงานเองคนเดียว ขอ