PageSpeed Insights (PSI) คือเครื่องมือสําหรับนักพัฒนาเว็บเพื่อให้ทราบถึงประสิทธิภาพของหน้าเว็บและวิธีปรับปรุง โดยจะใช้ Lighthouse เพื่อตรวจสอบหน้าเว็บและระบุโอกาสในการปรับปรุงประสิทธิภาพ นอกจากนี้ ยังผสานรวมกับรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) เพื่อแสดงประสบการณ์โดยรวมของผู้ใช้จริงในหน้าเว็บและต้นทาง ในคู่มือนี้ คุณจะได้เรียนรู้วิธีใช้ PSI เพื่อดึงข้อมูลเชิงลึกจาก CrUX และทําความเข้าใจประสบการณ์ของผู้ใช้ได้ดียิ่งขึ้น
การอ่านข้อมูล
หากต้องการเริ่มต้นใช้งาน ให้ไปที่ https://pagespeed.web.dev/ แล้วป้อน URL ของหน้าที่ต้องการทดสอบ แล้วคลิกวิเคราะห์
หลังจากผ่านไป 2-3 วินาที ระบบจะดําเนินการตรวจสอบของ Lighthouse และคุณจะเห็นส่วนที่มีข้อมูลจาก CrUX ("ดูสิ่งที่ผู้ใช้จริงพบ") และ Lighthouse ("วิเคราะห์ปัญหาด้านประสิทธิภาพ") CrUX คือคอลเล็กชันประสบการณ์ของผู้ใช้จริงจากภาคสนาม ส่วน Lighthouse เป็นการทดสอบที่มีการควบคุมในห้องทดลอง
ในส่วนประสบการณ์ของผู้ใช้จริง เมตริกจะจัดกลุ่มตาม Core Web Vitals และเมตริกอื่นๆ ที่น่าสนใจ เมตริก Core Web Vitals 3 รายการจะแสดงเป็นอันดับแรก ได้แก่ Largest Contentful Paint (LCP), Interaction to Next Paint (INP) และ Cumulative Layout Shift ตามด้วยเมตริกอื่นๆ ที่ควรทราบ ได้แก่ First Contentful Paint (FCP) และ Time To First Byte (TTFB)
Core Web Vitals
- LCP จะวัดเวลาจนกว่าหน้าเว็บจะแสดงสิ่งที่น่าจะเป็นเนื้อหาหลัก เช่น รูปภาพหลักหรือส่วนหัว
- INP จะวัดการโต้ตอบของหน้าเว็บโดยวัดเวลาในการตอบสนองของการโต้ตอบทั้งหมดที่ผู้ใช้ทำกับหน้าเว็บ และรายงานค่าเดียวซึ่งการโต้ตอบทั้งหมด (หรือเกือบทั้งหมด) อยู่ต่ำกว่า
- CLS จะวัดระดับความผันผวนของเลย์เอาต์ในหน้าเว็บ อันเนื่องมาจากการเปลี่ยนแปลง เช่น เนื้อหาที่โหลดแบบไม่พร้อมกัน
เมตริกอื่นๆ ที่สำคัญ
- FCP จะวัดเวลาจนกว่าหน้าเว็บจะแสดงเนื้อหาบางอย่างในเบื้องหน้า เช่น ข้อความหรือโลโก้
- TTFB คือเมตริกการทดสอบที่วัดเวลาระหว่างคําขอทรัพยากรกับเวลาที่ไบต์แรกของการตอบกลับเริ่มมาถึง
เกณฑ์ของเมตริก
ตารางนี้อธิบายวิธีจัดหมวดหมู่ค่าของเมตริกเหล่านี้เป็น "ดี" "ต้องปรับปรุง" หรือ "แย่"
| เมตริก | "ดี" | "ต้องปรับปรุง" | "แย่" |
|---|---|---|---|
| LCP | 0–2500 มิลลิวินาที | 2,500-4,000 มิลลิวินาที | 4000 มิลลิวินาทีขึ้นไป |
| CLS | 0.00-0.10 | 0.10–0.25 | 0.25 ขึ้นไป |
| INP | 0–200 มิลลิวินาที | 200-500 มิลลิวินาที | 500 มิลลิวินาทีขึ้นไป |
| FCP | 0–1800 มิลลิวินาที | 1,800-3,000 มิลลิวินาที | 3,000 มิลลิวินาทีขึ้นไป |
| TTFB | 0–800 มิลลิวินาที | 800-1,800 มิลลิวินาที | 1800ms ขึ้นไป |
เมตริก Core Web Vitals คือเมตริกที่สําคัญที่สุดและผู้ใช้จริงได้สัมผัสโดยตรง เมตริกอื่นๆ อาจใช้เป็นข้อมูลการวินิจฉัย แต่ผู้ใช้จริงอาจไม่สังเกตเห็น ดังนั้นเมตริกเหล่านี้จึงไม่ได้รวมอยู่ในการประเมิน Core Web Vitals และการไม่เป็นไปตามเกณฑ์ "ดี" จะสำคัญก็ต่อเมื่อเมตริกเหล่านั้นส่งผลเสียต่อ Core Web Vitals
ประสบการณ์ของผู้ใช้จะแสดงใน PSI ได้ 3 วิธีดังนี้
- ป้ายกํากับที่สรุปว่าหน้าเว็บผ่านหรือไม่ผ่านการประเมิน Core Web Vitals
- เปอร์เซ็นต์ไทล์ที่วัดเป็นวินาทีหรือมิลลิวินาที (CLS ไม่มีหน่วย)
- คลิกขยายมุมมองที่ด้านขวาบนของส่วนนี้เพื่อดูการแจกแจงเปอร์เซ็นต์ของประสบการณ์ที่ "ดี" "ต้องปรับปรุง" และ "แย่"
ในภาพหน้าจอก่อนหน้า หน้าเว็บมีป้ายกำกับว่า "ผ่าน" การประเมิน Core Web Vitals หากต้องการผ่าน เปอร์เซ็นต์ไทล์ต้องจัดอยู่ในหมวดหมู่ "ดี" ใน Core Web Vitals ทั้ง 3 รายการ มิฉะนั้น ระบบจะแสดงการประเมินเป็น "ไม่ผ่าน" หน้าเว็บบางหน้าอาจมีข้อมูล INP ไม่เพียงพอ ซึ่งในกรณีนี้ระบบจะประเมินหน้าเว็บตามเมตริก Core Web Vitals อื่นๆ อีก 2 รายการ
เปอร์เซ็นต์ไทล์ที่แสดงสําหรับเมตริกทั้งหมดจะสอดคล้องกับเปอร์เซ็นต์ไทล์ที่ 75 ในสถิติ เปอร์เซ็นไทล์คือค่าที่ระบุค่าด้านล่างซึ่งประกอบด้วยเปอร์เซ็นของตัวอย่าง ตัวอย่างเช่น ภาพหน้าจอด้านบนแสดงว่าเปอร์เซ็นไทล์ที่ 75 ของ INP คือ 64 มิลลิวินาที ซึ่งหมายความว่าประสบการณ์การใช้งาน INP 75% เร็วกว่า 64 มิลลิวินาที ค่าเหล่านี้จะแบ่งออกเป็นสีต่างๆ ตามตารางเกณฑ์ก่อนหน้า โดยค่า "ดี" จะเป็นสีเขียว ค่า "ต้องปรับปรุง" จะเป็นสีส้ม และค่า "แย่" จะเป็นสีแดง
สุดท้าย ระบบจะแสดงการแจกแจงเมตริกแต่ละรายการโดยใช้การจัดกลุ่ม "ดี" "ต้องปรับปรุง" และ "แย่" เช่น ประสบการณ์ LCP ในหน้านี้ "ดี" (น้อยกว่า 2.5 วินาที) 90% ของเวลา INP "แย่" (อย่างน้อย 500 มิลลิวินาที) 1% ของเวลา การแจกแจงเหล่านี้แสดงถึงประสบการณ์ของผู้ใช้ทั้งหมดในหน้าเว็บ และรูปร่างของข้อมูลจะบ่งบอกแนวโน้มว่า "ดี" หรือ "แย่"
สรุปประสิทธิภาพของต้นทาง
PSI ยังมีสรุปประสิทธิภาพของต้นทางด้วย นี่เป็นข้อมูลการรวมประสบการณ์ของผู้ใช้ในทุกหน้าของต้นทาง คุณดูสถิติเดียวกันสําหรับทั้งต้นทางที่มีสําหรับหน้าเว็บแต่ละหน้าได้ ข้อมูลนี้สอดคล้องกับข้อมูลที่มีอยู่ใน BigQuery อย่างใกล้ชิด ขณะที่ประสิทธิภาพระดับหน้าเว็บจะไม่สามารถค้นหาได้
ข้อมูลระดับต้นทางใน PSI กับ BigQuery มีความแตกต่างกันที่สำคัญ 1 อย่าง ชุดข้อมูลใน BigQuery จะเผยแพร่เดือนละครั้งและรวมข้อมูลจากเดือนปฏิทินก่อนหน้า เช่น ชุดข้อมูล 202005 จะรวมประสบการณ์ของผู้ใช้ทั้งหมดที่เกิดขึ้นในเดือนพฤษภาคม 2020 ในทางกลับกัน PSI จะรวบรวมข้อมูลใหม่ทุกวันโดยรวมข้อมูลในช่วง 28 วันก่อนหน้า ดังนั้นผลลัพธ์ที่คุณเห็นในวันนี้อาจแตกต่างออกไปในวันพรุ่งนี้ และอาจไม่เหมือนกับที่คุณเห็นในการรวบรวมข้อมูลของเดือนปัจจุบันใน BigQuery
การตอบกลับเมื่อไม่มีข้อมูล URL ใน CrUX
หาก URL ที่คุณป้อนไม่พร้อมใช้งานใน CrUX ทาง PageSpeed Insights จะพยายามใช้ข้อมูลระดับต้นทางแทนตามที่แสดงในภาพหน้าจอถัดไป การคลิกไอคอนข้างปุ่ม URL นี้ที่ปิดใช้อยู่จะแสดงคำอธิบายเพิ่มเติม
หากข้อมูลระดับต้นทางไม่พร้อมใช้งานใน CrUX ด้วย PSI จะแสดงส่วนนี้ไม่ได้และคุณจะเห็นไม่มีข้อมูล ข้อมูลการทดสอบจาก Lighthouse จะยังคงแสดงอยู่เพื่อให้ค่าประมาณของประสิทธิภาพหน้าเว็บ
คำถามที่พบบ่อย
ต่อไปนี้คือคําถามที่พบบ่อยเกี่ยวกับข้อมูล CrUX ใน PageSpeed Insights
ฉันควรใช้ PageSpeed Insights แทนเครื่องมืออื่นๆ เมื่อใด
PSI รวมข้อมูลประสบการณ์ของผู้ใช้ CrUX ในชีวิตจริงเข้ากับการวินิจฉัยประสิทธิภาพจากห้องทดลองของ Lighthouse ซึ่งช่วยให้คุณเห็นความเร็วของหน้าเว็บและวิธีทำให้หน้าเว็บเร็วขึ้นได้ในที่เดียว การรวบรวมข้อมูลภาคสนามรายวันใน PSI เป็นเครื่องมือที่ยอดเยี่ยมในการตรวจสอบประสิทธิภาพของต้นทางหรือ URL อย่างใกล้ชิดกว่าเครื่องมือที่มีการรวบรวมข้อมูลไม่บ่อยนัก
การใช้ PageSpeed Insights มีข้อจํากัดไหม
PSI จะแสดงเฉพาะการรวมข้อมูลรายวันล่าสุดเท่านั้น คุณจึงอาจไม่เห็นแนวโน้มประสิทธิภาพของเว็บไซต์ นอกจากนี้ยังมีเมตริกที่ไม่สําคัญบางรายการรวมอยู่ในชุดข้อมูล CrUX ที่ไม่ได้แสดงใน PSI
ฉันจะดูข้อมูลเพิ่มเติมเกี่ยวกับ PageSpeed Insights ได้จากที่ใด
ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบ PSI