เอกสารประกอบ
Core Web Vitals: LCP, INP และ CLS จากผู้ใช้จริง รายสัปดาห์
ค่า LCP, INP และ CLS ที่เปอร์เซ็นไทล์ที่ 75 รายสัปดาห์จาก Chrome UX Report History API สำหรับทั้งไซต์หรือหน้าเดียว พร้อมการประเมินเทียบกับเกณฑ์ของ Google
รายงาน Core Web Vitals (ชื่อรายงานคือ Core Web Vitals History) แสดงประสบการณ์ที่ผู้ใช้ Chrome จริงได้รับจากไซต์ของคุณเป็นรายสัปดาห์ รายงานนี้อ่านข้อมูลจาก Chrome UX Report History API ซึ่งเป็นข้อมูลภาคสนามชุดเดียวกับที่ใช้ในรายงาน Core Web Vitals ของ Search Console และประเมินแต่ละเมตริกที่เปอร์เซ็นไทล์ที่ 75 เทียบกับเกณฑ์ของ Google คุณใช้รายงานนี้เพื่อดูว่าการปล่อยเวอร์ชันใหม่ทำให้หน้าเว็บเร็วขึ้นหรือช้าลง ได้ก่อนที่การทดสอบในแล็บจะบอกได้ว่าผู้เข้าชมรู้สึกอย่างไร
เรียกใช้รายงาน
- Scope: Whole site จะสืบค้นระดับ origin (เช่น
https://www.example.com) ซึ่งรวมทุกหน้าที่ผู้ใช้ Chrome เข้าชม ส่วน Single page จะสืบค้น URL เดียว - Origin หรือ Page URL: กรอกค่า origin ของพร็อพเพอร์ตี้ไว้ให้แล้ว แก้ไขได้หากต้องการตรวจสอบโฮสต์หรือหน้าอื่น
- Device: All devices, Phone, Desktop หรือ Tablet เมื่อเลือก All devices รายงานจะโหลดข้อมูลแยกตามอุปกรณ์เพิ่มเติม และเพิ่มตาราง Summary by device
- กด Run report
ผลลัพธ์จะถูกแคชไว้หนึ่งวัน เนื่องจากข้อมูลเปลี่ยนแปลงเพียงสัปดาห์ละครั้ง รายงานสืบค้น API ด้วยคีย์ CrUX API ซึ่ง AutoPSEO จัดเตรียมไว้ให้แล้ว จึงไม่ต้องตั้งค่าใดๆ ปุ่ม API Key จะลิงก์ไปยังวิธีการของ Google หากคุณต้องการคีย์สำหรับเครื่องมือของคุณเอง
สิ่งที่คุณจะเห็น
บรรทัดสรุปผลจะบอกว่าขอบเขตที่เลือก Passes Core Web Vitals หรือไม่ ซึ่งหมายถึงทุกเมตริกหลักที่มีข้อมูลได้รับการประเมินว่า Good จากนั้นจะเป็นการ์ดห้าใบ หนึ่งใบต่อหนึ่งเมตริก แต่ละใบแสดงค่าเปอร์เซ็นไทล์ที่ 75 ล่าสุด ผลการประเมิน การเปลี่ยนแปลงเทียบกับสี่สัปดาห์ก่อนหน้า และสัดส่วนการโหลดหน้าที่ได้รับการประเมินว่าดี
| เมตริก | วัดอะไร | Good | Poor |
|---|---|---|---|
| LCP, Largest Contentful Paint | การโหลด: เวลาที่องค์ประกอบที่มองเห็นได้ใหญ่ที่สุดถูกแสดงผล | 2.5 วินาที หรือน้อยกว่า | เกิน 4 วินาที |
| INP, Interaction to Next Paint | การตอบสนอง: ความหน่วงหลังการคลิก การแตะ และการกดแป้นพิมพ์ | 200 มิลลิวินาที หรือน้อยกว่า | เกิน 500 มิลลิวินาที |
| CLS, Cumulative Layout Shift | ความเสถียรของภาพ: เนื้อหาเคลื่อนที่มากเพียงใดขณะโหลด | 0.1 หรือน้อยกว่า | เกิน 0.25 |
| FCP, First Contentful Paint | เวลาที่ข้อความหรือรูปภาพแรกปรากฏ | 1.8 วินาที หรือน้อยกว่า | เกิน 3 วินาที |
| TTFB, Time to First Byte | เซิร์ฟเวอร์เริ่มตอบสนองได้เร็วเพียงใด | 0.8 วินาที หรือน้อยกว่า | เกิน 1.8 วินาที |
LCP, INP และ CLS คือ Core Web Vitals ส่วน FCP และ TTFB เป็นเมตริกสนับสนุนที่ช่วยอธิบายสาเหตุที่ LCP ไม่ดี ค่าที่อยู่ระหว่างสองเกณฑ์ถือว่าต้องปรับปรุง Google ประเมินแต่ละเมตริกที่เปอร์เซ็นไทล์ที่ 75 ของการโหลดหน้า โดยแยกระหว่างมือถือและเดสก์ท็อป (web.dev: Web Vitals) INP เข้ามาแทนที่ First Input Delay ในฐานะ Core Web Vital เมื่อวันที่ 12 มีนาคม 2024
แนวโน้มจะนับว่า improving หรือ worsening เมื่อค่าล่าสุดเปลี่ยนไปอย่างน้อย 5% จากสี่สัปดาห์ก่อนหน้า แผนภูมิแสดงเปอร์เซ็นไทล์ที่ 75 รายสัปดาห์ของแต่ละเมตริก พร้อมสัดส่วน good, needs-improvement และ poor ส่วนตารางแสดงทุกสัปดาห์พร้อมค่าทั้งห้าและสัดส่วนประสบการณ์ LCP ที่ดี
วิธีอ่านข้อมูลย้อนหลัง
แต่ละจุดคือช่วงการเก็บข้อมูลรายสัปดาห์ที่สรุปการเข้าชมของ 28 วันก่อนหน้า ดังนั้นผลของการแก้ไขจะปรากฏทีละน้อยในราวสี่สัปดาห์ ไม่ใช่ข้ามคืน โดยค่าเริ่มต้น API จะส่งกลับ 25 ช่วงรายสัปดาห์ ซึ่งครอบคลุมประมาณหกเดือนล่าสุด (CrUX History API)
- การเปลี่ยนแปลงแบบก้าวกระโดด ที่ตรงกับการดีพลอย สคริปต์ tag manager ตัวใหม่ หรือการอัปเดตธีม เป็นรูปแบบที่พบบ่อย ให้ทำเครื่องหมายวันที่ด้วย annotation
- มือถือแย่กว่าเดสก์ท็อป เป็นเรื่องปกติ เพราะมือถือมีกำลังประมวลผลน้อยกว่าและมักมีการเชื่อมต่อที่ช้ากว่า ควรพิจารณาร่วมกับสัดส่วนทราฟฟิกจากการค้นหาที่มาจากมือถือ
- Origin ดี แต่หน้า poor: origin รวมทุกหน้าเข้าด้วยกัน ดังนั้นให้ตรวจสอบเทมเพลตที่หนักที่สุดของคุณทีละรายการ
เมื่อไม่มีข้อมูล
Chrome จะเผยแพร่ระเบียนเฉพาะ origin หรือ URL สาธารณะที่มีการเข้าชมด้วย Chrome จริงมากพอ มิฉะนั้นรายงานจะแสดง Not enough field data (CrUX methodology) หน้าใหม่หรือหน้าที่มีทราฟฟิกต่ำมักไม่มีระเบียนระดับ URL แม้ว่า origin จะมีก็ตาม นอกจากนี้ CrUX API ไม่มีการแยกตามประเทศ ตัวเลขจึงครอบคลุมผู้เข้าชมทั้งหมดของคุณทั่วโลก
AutoPSEO ช่วยได้อย่างไร
บทความที่ AutoPSEO ส่งมอบจะถูกแสดงผลโดยไซต์ของคุณเอง จึงได้รับประสิทธิภาพจากเทมเพลตของคุณไปด้วย หาก AutoPSEO โฮสต์ส่วนหนึ่งของไซต์ให้คุณ ตัวเรนเดอร์ที่โฮสต์จะให้บริการหน้าบทความเอง ให้เรียกใช้รายงานกับหนึ่งใน URL เหล่านั้นเพื่อตรวจสอบ หากต้องการคำอธิบายเพิ่มเติมเกี่ยวกับทั้งสามเมตริก ดู LCP, INP และ CLS หมายถึงอะไร และ วิธีแก้ไขคะแนน Core Web Vitals ที่ไม่ดี