ยกระดับการโต้ตอบกับ Next Paint

INP ไม่ได้อยู่ในขั้นทดลองอีกต่อไป ดูข้อมูลเกี่ยวกับแผนของ Chrome เพื่อทำให้เป็น Core Web Vitals ในปี 2024

แอนนี ซัลลิแวน
Annie Sullivan

พันธกิจของ Chrome ที่มีต่อโปรแกรม Web Vitals คือการช่วยให้นักพัฒนาซอฟต์แวร์มุ่งเน้นไปที่เมตริกที่สำคัญต่อประสบการณ์ของผู้ใช้ที่ยอดเยี่ยม ซึ่งก็คือ Core Web Vitals ลักษณะสำคัญอย่างหนึ่งของประสบการณ์ของผู้ใช้ที่เราให้ความสำคัญนี้คือการตอบสนอง ซึ่งเป็นความสามารถของหน้าเว็บในการตอบสนองต่อการโต้ตอบของผู้ใช้อย่างรวดเร็ว

First Input Delay (FID) เป็นเมตริก Core Web Vitals ที่วัดการตอบสนอง แต่อย่างที่เราเคยเขียนไว้ว่ามีข้อจำกัดที่ทราบของ FID ด้วยเหตุนี้ เราจึงสำรวจและขอความคิดเห็นเกี่ยวกับเมตริกทดลอง (หลังจากนั้น) ที่จัดการกับข้อจำกัดเหล่านี้ได้อย่างมีประสิทธิภาพยิ่งขึ้น ในปี 2022 เราได้ประกาศให้ Interaction to Next Paint (INP) เป็นเมตริกใหม่ดังกล่าว ซึ่งเปิดให้ใช้เครื่องมือต่างๆ ได้อย่างกว้างขวาง และเริ่มทำงานร่วมกับชุมชนเพื่อทดสอบประสิทธิภาพของเมตริก

หลังจากทดสอบและรวบรวมความคิดเห็นจากชุมชนอีก 1 ปี เราก็พร้อมที่จะเลิกใช้การฝึกอบรม และประกาศว่าไม่มีการทดสอบ INP อีกต่อไป นอกจากนี้ ตั้งแต่เดือนมีนาคม 2024 เป็นต้นไป เรายังมุ่งมั่นที่จะโปรโมต INP เป็นเมตริก Core Web Vitals ใหม่สำหรับการตอบสนองแทน FID

ในโพสต์นี้ เราจะพูดถึงแรงจูงใจที่อยู่เบื้องหลังการตัดสินใจ สิ่งที่เปลี่ยนแปลง และวิธีเริ่มต้นใช้งาน ดูข้อมูลเพิ่มเติมเกี่ยวกับผลกระทบที่มีต่อ Google Search ได้ที่บล็อกโพสต์

เมตริกการตอบสนองที่ดีขึ้น

FID ถือเป็นก้าวสำคัญที่เราเปิดตัวในฐานะ Core Web Vitals ในปี 2020 นักพัฒนาแอปมีวิธีใหม่ๆ ในการวัดการตอบสนองตามที่ผู้ใช้จริงได้รับประสบการณ์ ซึ่งถือเป็นส่วนสำคัญของโปรแกรม Web Vitals มาโดยตลอด FID จะวัดประสบการณ์ของผู้ใช้โดยตรง ซึ่งต่างจากเมตริกที่คล้ายกันซึ่งมีเฉพาะการโต้ตอบหน้าเว็บโดยประมาณ เช่น Total block Time (TBT) และ Time To Interactive (TTI) ที่สำคัญคือ หน้าเว็บอาจมี TBT หรือ TTI ที่ช้า และยังคงถูกมองว่าตอบสนองตามอุปกรณ์ได้ เนื่องจากวิธีที่ผู้ใช้จริงโต้ตอบกับหน้าเว็บ

แม้ว่า Google จะปรับปรุงวิธีการวัดการตอบสนอง แต่ FID ก็ทำงานได้อย่างไม่มีข้อจำกัด ชื่อจริงๆ แล้วมีข้อจำกัดอยู่ 2 ประการ ได้แก่ "การป้อนข้อมูลครั้งแรก" และ "ความล่าช้า" FID จะรายงานการตอบสนองเฉพาะครั้งแรกที่ผู้ใช้โต้ตอบกับหน้าเว็บครั้งแรก แม้ว่าการแสดงผลครั้งแรกจะมีความสำคัญ แต่การโต้ตอบแรกไม่จำเป็นต้องแสดงถึงการโต้ตอบทั้งหมดตลอดอายุของหน้าเว็บ นอกจากนี้ FID จะวัดเฉพาะส่วนความล่าช้าของอินพุตของการโต้ตอบแรก ซึ่งเป็นระยะเวลาที่เบราว์เซอร์ต้องรอ (เนื่องจากความยุ่งเหยิงของเทรดหลัก) ก่อนเริ่มจัดการการโต้ตอบ

ป้อน INP แทนที่จะวัดเฉพาะการโต้ตอบแรก INP พิจารณาการโต้ตอบทั้งหมดด้วยการรายงานเป็นการโต้ตอบที่ช้าที่สุดตลอดอายุของหน้าเว็บ และแทนที่จะวัดเฉพาะส่วนที่ล่าช้า INP จะวัดระยะเวลาเต็มตั้งแต่เริ่มการโต้ตอบผ่านตัวแฮนเดิลเหตุการณ์ และจนกว่าเบราว์เซอร์จะระบายสีเฟรมถัดไปได้ ดังนั้น การโต้ตอบกับ Next Paint รายละเอียดการใช้งานเหล่านี้ทำให้ INP เป็นการวัดการตอบสนองที่ผู้ใช้รับรู้ได้ครอบคลุมมากกว่า FID

INP ที่กำลังพัฒนา

ตั้งแต่วันนี้เป็นต้นไป INP ไม่ได้อยู่ในช่วงทดลองอีกต่อไป และจะถือว่าเป็นเมตริก Core Web Vitals ที่รอดำเนินการแทน นี่เป็นการระบุใหม่เพื่อระบุว่า INP ได้พิสูจน์แล้วว่ามีความพร้อมที่จะแทนที่ FID แต่เรายังไม่ได้ทำการเปลี่ยนแปลงใดๆ INP จะกลายเป็นเมตริก Core Web Vitals ที่เสถียรอย่างเป็นทางการในเดือนมีนาคม 2024 เพื่อให้ระบบนิเวศมีเวลาปรับตัว

กราฟิกแสดงลำดับเวลาของระยะ INP ตั้งแต่ตอนที่ Chrome ประกาศการรองรับ INP เวอร์ชันทดลองในเดือนพฤษภาคม 2022 จนถึงวันนี้ในเดือนพฤษภาคม 2023 เมื่อ Chrome ประกาศว่า INP เป็นเมตริก Core Web Vitals ที่รออยู่ซึ่งรอดำเนินการ และสุดท้ายคือเดือนมีนาคม 2024 เมื่อ INP กลายเป็นเมตริก Core Web Vitals ที่เสถียรแล้วแทน FID
กราฟิกแสดงไทม์ไลน์ของระยะ INP

ในเครื่องมือของเรา คุณจะเริ่มเห็น INP โดยไม่มีคำนำหน้าหรือไอคอน experimental หากใช้ข้อมูลจาก API ใดๆ ต่อไปนี้แบบเป็นโปรแกรม คุณจะต้องอัปเดตโค้ดเพื่อเปลี่ยนไปใช้ช่อง INP ที่ไม่ใช่การทดสอบ

เครื่องมือ ช่องที่เลิกใช้งานแล้ว ช่องใหม่
API CrUX experimental_interaction_to_next_paint interaction_to_next_paint
API ประวัติ CrUX experimental_interaction_to_next_paint interaction_to_next_paint
BigQuery สำหรับ CrUX experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights API experimental_interaction_to_next_paint interaction_to_next_paint
รายงาน Lighthouse* experimental-interaction-to-next-paint interaction-to-next-paint
แมป API กับชื่อช่อง INP เก่าและใหม่
* Lighthouse จะหยุดใช้ช่อง INP เวอร์ชันทดลองในเวอร์ชัน 11

API เหล่านี้จะยังคงแสดงช่อง INP แบบทดลองต่อไปอีก 90 วันเพื่อให้การเปลี่ยนผ่านง่ายขึ้นและหลีกเลี่ยงไม่ให้แอปพลิเคชันหยุดทำงาน การรองรับ API สําหรับช่อง INP เวอร์ชันทดลองจะสิ้นสุดลงในวันที่ 8 สิงหาคม 2023

ในระหว่างนี้ FID จะยังคงเป็น Core Web Vitals จนถึงเดือนมีนาคม 2024 เมื่อถึงเวลานั้น INP จะรวม Largest Contentful Paint (LCP) และ Cumulative Layout Shift (CLS) เป็น Core Web Vitals ที่เสถียร 3 รายการ ในการอัปเดตในอนาคต เราจะแจ้งข้อมูลเพิ่มเติมเกี่ยวกับช่วงเวลาที่แน่นอนของการเปลี่ยนแปลงและแผนสำหรับ FID หลังจากที่เปลี่ยนเป็น Core Web Vitals

เริ่มต้นใช้งาน INP

ค่า INP ที่ดีคือไม่เกิน 200 มิลลิวินาที ค่าที่ต่ำควรมากกว่า 500 มิลลิวินาที และตัวเลขอื่นๆ ที่อยู่ระหว่างกลางต้องปรับปรุง

อย่ารอให้ INP กลายเป็น Core Web Vitals ในปี 2024 เพื่อเริ่มปรับปรุง เว็บไซต์ของคุณอาจอยู่ใน 93% ของเว็บไซต์ที่มีประสิทธิภาพ FID ที่ดีบนอุปกรณ์เคลื่อนที่ อย่างไรก็ตาม คุณอาจแปลกใจที่พบว่ามีเว็บไซต์เพียง 65% ที่มี INP ที่ดีบนอุปกรณ์เคลื่อนที่ INP แสดงผลให้เห็นภาพของการตอบสนองได้แม่นยำขึ้นมาก ดังนั้นตัวเลขเหล่านี้จึงช่วยให้เรามองเห็นแนวทางการปรับปรุงในอนาคตได้ชัดเจนยิ่งขึ้น

หากต้องการดูว่าเว็บไซต์มีปัญหาเกี่ยวกับ INP หรือไม่ วิธีการจัดการ และทุกสิ่งเกี่ยวกับ INP เริ่มต้นจากคู่มือการเพิ่มประสิทธิภาพ INP ไม่ว่าคุณจะกำลังเรียนรู้เกี่ยวกับการตอบสนองเป็นครั้งแรกหรือเป็นผู้เชี่ยวชาญด้านประสิทธิภาพ เราได้เพิ่มคำแนะนำใหม่ๆ มากมายเพื่อให้ทุกคนเรียนรู้วิธีวัดผลและเพิ่มประสิทธิภาพ INP ได้อย่างง่ายดายที่สุด

INP อาจใช้เวลาสักพักในการเรียนรู้ ซึ่งก็ไม่เป็นไร เพื่อช่วยให้คุณมุ่งเน้นไปที่การเพิ่มประสิทธิภาพที่ให้ ROI มากที่สุด เราได้เผยแพร่บล็อกโพสต์เมื่อต้นปีนี้ เพื่อคัดแยกคำแนะนำของเราไปสู่คำแนะนำที่มีประสิทธิภาพมากที่สุดในการปรับปรุง Core Web Vitals กล่าวอย่างเจาะจงคือ เราได้เขียนเกี่ยวกับ 3 เทคนิคที่ต้องรู้ที่นำไปใช้กับการเพิ่มประสิทธิภาพ FID และ INP อย่างเท่าเทียมกัน นั่นคือ หลีกเลี่ยงหรือแบ่งงานที่ใช้เวลานาน หลีกเลี่ยง JavaScript ที่ไม่จำเป็น และหลีกเลี่ยงการอัปเดตการแสดงผลจำนวนมาก คุณสามารถดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งเหล่านี้และเทคนิคการเพิ่มประสิทธิภาพ INP อื่นๆ อีกมากมายในเอกสารของเรา

ทางข้างหน้า

มีการกำหนดแนวทางใหม่สำหรับการตอบสนอง และเรารู้สึกตื่นเต้นที่ได้เห็นชุมชนลุกขึ้นมาเผชิญกับความท้าทายเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น ความคิดเห็นและกรณีศึกษาในช่วงแรกๆ นั้นให้ผลดี แต่เราทราบดีว่าสำหรับหลายๆ คน การดำเนินการดังกล่าวอาจใช้เวลานานและไม่คุ้นเคย เรามุ่งมั่นที่จะทำให้เส้นทางดังกล่าวง่ายขึ้นที่สุดด้วยการวินิจฉัย tools และเอกสารประกอบที่ได้รับการปรับปรุงเพื่อช่วยเหลือนักพัฒนาแอปอยู่เสมอ

โปรดติดตามข้อมูลอัปเดตเกี่ยวกับวันสิ้นสุดการศึกษาที่แน่นอนของ INP ในเดือนมีนาคม 2024 และแม้ว่าเมตริกนี้จะไม่ได้เป็นการทดสอบอีกต่อไปแล้ว แต่เราก็ยินดีรับฟังความคิดเห็นที่ web-vitals-feedback@googlegroups.com เสมอเพื่อช่วยเราปรับปรุง INP และโปรแกรม Web Vitals โดยรวม