surfup

วิเคราะห์ Core Web Vitals ด้วยข้อมูลภาคสนามและแล็บ

ค้นหาเทมเพลตหน้าที่ช้าและตรวจสอบการแก้ไขจากการเข้าชมจริง

ใช้ขั้นตอนนี้กับกลุ่มตัวอย่างที่เป็นตัวแทน เก็บหลักฐานไว้ และบันทึกขั้นตอนถัดไป

เชื่อม metric กับ template ของหน้า

  • ใช้รายงาน Core Web Vitals ใน Search Console หรือข้อมูลภาคสนามเพื่อระบุกลุ่ม URL ที่ได้รับผลกระทบและความแตกต่างระหว่างมือถือ/เดสก์ท็อป
  • ระบุ metric และ percentile ของผู้ใช้จริง อย่าถือว่าการรัน Lighthouse ครั้งเดียวแทนประสิทธิภาพภาคสนามได้
  • ทำให้ปัญหาเกิดซ้ำบน URL และอุปกรณ์ตัวแทน ใช้เครื่องมือ lab เพื่อแยกสาเหตุที่เป็นไปได้ เช่น รูปใหญ่เกินไป งานที่ใช้เวลานาน หรือ layout shift
  • แก้สาเหตุหนึ่งข้อใน template ที่ใช้ร่วมกัน ทดสอบหน้าตัวแทน แล้วติดตามข้อมูลภาคสนามหลังมีเวลาอัปเดต

ฝึกปฏิบัติ: เชื่อมข้อมูลภาคสนามกับ trace ใน lab หนึ่งรายการ

  • เลือกกลุ่มหน้ามือถือหนึ่งกลุ่มที่ได้รับผลกระทบจากข้อมูลภาคสนาม แล้วรันงานเดียวกันบน URL ตัวแทนหนึ่งรายการใน mobile lab profile จด metric, percentile, URL/template และหลักฐานจาก trace (element, request หรืองานที่ใช้เวลานาน) ผลลัพธ์คือสาเหตุหนึ่งข้อที่ทดสอบได้และสถานการณ์ก่อน/หลังที่ทำซ้ำได้ ข้อมูลกลุ่มภาคสนามไม่ได้วัดทุก URL ให้รอข้อมูลอัปเดตก่อนกล่าวว่าเกิดการปรับปรุงภาคสนาม

แหล่งข้อมูลหลัก