การโต้ตอบกับ Next Paint จะกลายเป็น Core Web Vitals อย่างเป็นทางการและจะแทนที่ First Input Delay ในวันที่ 12 มีนาคม
โปรแกรม Web Vitals มีเมตริกเพื่อช่วยนักพัฒนาเว็บในการวัดแง่มุมที่สําคัญเกี่ยวกับประสบการณ์ของผู้ใช้บนเว็บ First Input Delay (FID) แสดงถึงแง่มุมของการตอบสนองของโปรแกรม แต่เมื่อเวลาผ่านไป เห็นได้ชัดเจนว่าต้องมีเมตริกใหม่เพื่อบันทึกแง่มุมต่างๆ ของการโต้ตอบในเว็บที่ FID ไม่ได้ใช้ ทีม Chrome ทราบดีถึงความต้องการนี้ และได้นำฟีเจอร์ Interaction to Next Paint (INP) มาใช้เป็นเมตริกทดลองในเดือนพฤษภาคม 2022 เมื่อปีที่แล้ว INP ได้กลายเป็นเมตริกที่รอดำเนินการและเราได้ประกาศว่าจะโปรโมต INP เป็นสถานะเสถียรในเดือนมีนาคม 2024
วันนี้เราขอประกาศให้ทราบว่า INP จะกลายเป็น Core Web Vitals อย่างเป็นทางการและแทนที่ FID ในวันที่ 12 มีนาคมของปีนี้ และ FID จะเลิกใช้งานในการเปลี่ยนนี้
โพสต์นี้มีคำแนะนำจากทีม Chrome เกี่ยวกับวิธีเตรียมพร้อมสำหรับการเปลี่ยนแปลงนี้ และสิ่งที่จะเกิดขึ้นหลังจากการเปลี่ยนแปลงมีผล
ฉันควรเตรียมตัวอย่างไร
ขั้นตอนแรกในการเปลี่ยนครั้งนี้คือดูว่าINP ของเว็บไซต์ผ่านเกณฑ์ "ดี" หรือไม่ Core Web Vitals ทั้งหมดจะได้รับคะแนนตามประสิทธิภาพการทำงานในภาคสนามที่เปอร์เซ็นไทล์ที่ 75 ของการโหลดหน้าเว็บทั้งหมด
วิธีที่ง่ายที่สุดในการดูประสิทธิภาพของเว็บไซต์บน INP คือการใช้ PageSpeed Insights ซึ่งแสดงข้อมูลจากรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) CrUX เป็นชุดข้อมูลอย่างเป็นทางการของโปรแกรม Web Vitals และอาจเป็นแหล่งข้อมูลที่มีโอกาสเกิดขึ้นสำหรับข้อมูลภาคสนามของเว็บไซต์ของคุณ
แหล่งที่มาอื่นของข้อมูลภาคสนามอาจมาจากผู้ให้บริการ Real User Monitoring (RUM) ซึ่งสังเกตประสิทธิภาพของเว็บไซต์ในช่องดังกล่าวด้วย หากคุณทํางานร่วมกับผู้ให้บริการ RUM ให้ถามเกี่ยวกับการสนับสนุน INP ของผู้ให้บริการรายนั้น
หากพบว่า INP ของเว็บไซต์อยู่ในหมวดหมู่ "ต้องปรับปรุง" หรือ "แย่" เราได้จัดเตรียมทรัพยากรหลายอย่างเพื่อช่วยปรับปรุง INP โดยเริ่มจากวิธีวิเคราะห์และแก้ปัญหา INP
เมื่อทราบแล้วว่าปัญหาคืออะไร คุณจะใช้คำแนะนำต่อไปนี้เพื่อหาว่าควรเพิ่มประสิทธิภาพส่วนใดของการโต้ตอบได้
- เพิ่มประสิทธิภาพงานที่ใช้เวลานานหากคุณมี JavaScript ที่ใช้เวลานานในเทรดหลัก หากพบว่ามีกิจกรรมเทรดหลักจำนวนมากระหว่างที่โหลดหน้าเว็บทำให้มีงานที่ใช้เวลานานจำนวนมากในเทรดหลัก แสดงว่าคุณอาจกำลังประสบปัญหาเกี่ยวกับงานการประเมินสคริปต์ที่มากเกินไป
- เพิ่มประสิทธิภาพความล่าช้าของอินพุต หากการโต้ตอบใช้เวลานานในการเริ่มประมวลผล
- DOM ขนาดใหญ่อาจต้องใช้การแสดงผลอย่างมาก และการโต้ตอบมักจะเปลี่ยนแปลง DOM วิธีที่ดีที่สุดคือหลีกเลี่ยงการใช้เลย์เอาต์ที่มีขนาดใหญ่และซับซ้อน รวมถึงจัดวางเลย์เอาต์และลดขนาด DOM เมื่อทำได้
- หากคุณมีตัวเลือก CSS ที่ซับซ้อน ตัวเลือกเหล่านี้ก็อาจทำให้คุณต้องทำงานหนักเพื่อตอบสนองต่อการโต้ตอบของผู้ใช้
- สุดท้าย หากเว็บไซต์ของคุณแสดง HTML จำนวนมากในไคลเอ็นต์ผ่าน JavaScript คุณควรทราบว่าการแสดงผล HTML ฝั่งไคลเอ็นต์ส่งผลต่อการโต้ตอบอย่างไร
ความซับซ้อนของ INP หมายความว่าคุณสามารถเพิ่มประสิทธิภาพสำหรับการโต้ตอบได้หลายวิธี แต่ก็คุ้มค่ากับความพยายาม มีกรณีศึกษาอยู่หลายกรณี เช่น จาก The Economic Times และ redBus ว่าการลดเวลาในการตอบสนองของการโต้ตอบจะช่วยเพิ่มผลลัพธ์ทางธุรกิจได้อย่างไร การเพิ่มประสิทธิภาพ INP ในเว็บไซต์อาจช่วยให้คุณบรรลุเป้าหมายได้เช่นกัน
จะเกิดอะไรขึ้นเมื่อ INP กลายเป็น Core Web Vitals
คุณจึงควรกล่าวซ้ำว่า INP จะกลายเป็น Core Web Vitals อย่างเป็นทางการและแทนที่ FID ในวันที่ 12 มีนาคมของปีนี้ อีกหนึ่งผลจากการเปลี่ยนแปลงนี้คือ FID จะไม่ใช่ Core Web Vitals อีกต่อไป รวมถึงจะเลิกใช้งานและนำออกจากโปรแกรมอย่างเป็นทางการ
ด้วยเหตุนี้ คุณจึงอาจเห็นการเปลี่ยนแปลงในเอกสาร FID เอกสารสำคัญในอดีตเกี่ยวกับ FID จะยังคงอยู่แต่เราจะเพิ่มประกาศที่เด่นชัดลงในสถานะการเลิกใช้ FID และเพื่อดูเอกสาร INP เอกสารอื่นๆ ที่เน้น FID อาจถูกนำออกทั้งหมดและเปลี่ยนเส้นทางไปยังเอกสาร INP ที่เกี่ยวข้อง
FID ยังคงแสดงอยู่ในเครื่องมือหลายอย่างของ Google แต่ INP ก็เช่นกัน เราจะนำ FID ออกจาก Google Search Console ทันทีที่ INP กลายเป็น Core Web Vitals ในวันที่ 12 มีนาคม เครื่องมืออื่นๆ ทั้งหมด เช่น PageSpeed Insights และ CrUX จะมีระยะเวลาการเลิกใช้งาน 6 เดือนเพื่อให้นักพัฒนาซอฟต์แวร์มีโอกาสอัปเดตโค้ด
สุดท้าย หากมีข้อสงสัยว่าการรวม INP ใน Core Web Vitals มีความหมายต่อ Google Search อย่างไร โปรดอ่านโพสต์ประกาศ INP ใน Google Search Central
ทางข้างหน้า
การรวม INP ใน Core Web Vitals มีการวางแผนอย่างรอบคอบในช่วง 2 ปีที่ผ่านมา และแสดงถึงความก้าวหน้าครั้งสำคัญ เราเชื่อว่าวิธีการแบบองค์รวมของ INP สำหรับการตอบสนองบนเว็บจะช่วยให้นักพัฒนาซอฟต์แวร์สามารถประเมินและปรับปรุงแง่มุมที่สำคัญของประสบการณ์ของผู้ใช้ได้ดียิ่งขึ้น และนำไปสู่เว็บที่มีการตอบสนองมากขึ้นเมื่อเวลาผ่านไป เมื่อ INP กลายเป็น Core Web Vitals ในวันที่ 12 มีนาคม เราหวังว่านักพัฒนาซอฟต์แวร์จะใช้เวลาในการทำความเข้าใจและเพิ่มประสิทธิภาพ INP ของตน
หากคุณมีข้อสงสัยหรือข้อกังวลใดๆ เรายินดีรับฟังความคิดเห็นของคุณได้ที่ web-vitals-feedback@googlegroups.com เกี่ยวกับ INP, FID หรือเมตริกอื่นๆ ในโปรแกรม Web Vitals