แผงประสิทธิภาพในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ช่วยนักพัฒนาซอฟต์แวร์วัดผลและเพิ่มประสิทธิภาพรันไทม์ในรูปแบบใดรูปแบบหนึ่งในช่วง 15 ปีที่ดีขึ้น แผงข้อมูลชื่อ "ไทม์ไลน์" จะพัฒนาเป็นแผงประสิทธิภาพในปัจจุบัน
ตลอดช่วงเวลานั้น Chrome ได้เปิดตัวผลิตภัณฑ์และฟีเจอร์ที่ทรงประสิทธิภาพอื่นๆ สิ่งที่น่าสังเกตคือ Lighthouse เปิดตัวในปี 2016 เพื่อช่วยให้เห็นโอกาสในการเพิ่มประสิทธิภาพได้ง่ายยิ่งขึ้น แผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองเปิดตัวในปี 2022 เพื่อทดสอบวิธีใหม่ๆ ในการแสดงข้อมูลเชิงลึกด้านประสิทธิภาพ
แผงประสิทธิภาพเต็มไปด้วยข้อมูลและฟีเจอร์ที่จะช่วยให้นักพัฒนาซอฟต์แวร์เจาะลึกรายละเอียดของปัญหาการโหลดหน้าเว็บและรันไทม์ แต่โปรดมาตามความเป็นจริงสัก 1 นาทีและรับทราบว่าการใช้เว็บไซต์อาจเป็นเรื่องยากและยากที่จะระบุโอกาสที่ดีที่สุดในการปรับปรุงประสิทธิภาพของหน้าเว็บ นอกจากนี้ ศักยภาพของเครื่องมืออื่นๆ ที่ช่วยคัดกรองเสียงรบกวนและแยกโอกาสได้อย่างรวดเร็ว เช่น Lighthouse จะไม่เชื่อมโยงกับแผงประสิทธิภาพ
เราจะนำฟีเจอร์และสิ่งที่ได้เรียนรู้จาก Lighthouse และแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพมาผสานรวมไว้ในแผงประสิทธิภาพที่มีอยู่ เพื่อให้นักพัฒนาแอประบุและทำให้เกิดปัญหาด้านประสิทธิภาพซ้ำได้ง่ายขึ้น นอกจากนี้ เรายังมุ่งเน้นที่ UX และความสามารถในการใช้งานเพื่อปรับปรุงประสิทธิภาพของแผงประสิทธิภาพในฐานะเครื่องมือเพิ่มประสิทธิภาพการทำงานของเว็บ
ผลที่ได้คืออะไร แผงเดียวที่ง่ายและมีประสิทธิภาพกว่าที่เคยสําหรับข้อมูลประสิทธิภาพและข้อมูลเชิงลึกทั้งหมด
ดำเนินการกับประสิทธิภาพเว็บได้ง่ายขึ้น
ความคิดเห็นของคุณยืนยันว่าความหนาแน่นของข้อมูลที่สูงมีผลต่อความสามารถในการใช้งาน เรากำลังพัฒนาการแก้ไขและฟีเจอร์ต่างๆ เพื่อช่วยเหลือคุณอย่างเต็มที่ เส้นทางการเพิ่มประสิทธิภาพที่สำคัญ เช่น การปรับปรุง Core Web Vitals กำลังได้รับการดูแลรักษาที่ดีที่สุด เราวางแผนที่จะแนะนำฟีเจอร์ต่างๆ เช่น คำอธิบายประกอบ ซึ่งจะช่วยให้คุณทำเครื่องหมายสิ่งที่ค้นพบและแชร์สิ่งที่ได้เรียนรู้กับเพื่อนร่วมงานได้ การแสดงความสัมพันธ์ในข้อมูลจะช่วยปรับปรุงความสามารถในการทำความเข้าใจระบบที่ซับซ้อน โดยจะมีวิธีมากขึ้นในการเปิดเผยการเชื่อมต่อข้อมูล เช่น คำขอของเครือข่ายไปยังกิจกรรมในเทรดหลัก
เราจะจัดส่งฟีเจอร์ใหม่ในระหว่างการพัฒนา และทุกๆ 2-3 เดือนจะแชร์ข้อมูลอัปเดตเกี่ยวกับความสามารถใหม่ๆ ที่คณะผู้เข้าร่วมเสนอให้ รอสักครู่ คุณจะเริ่มเห็นฟีเจอร์ใหม่ๆ ในเร็วๆ นี้
พลังของ Lighthouse ในแผงประสิทธิภาพ
เราได้เห็นแล้วว่านักพัฒนาแอปใช้ทั้งแผง Lighthouse และแผงประสิทธิภาพ ซึ่งการสลับบริบทระหว่างทั้ง 2 แพลตฟอร์มนี้ก็ไม่ใช่เรื่องง่าย นอกจากนี้ การดําเนินการกับผลการสืบค้นของ Lighthouse อาจต้องไปที่แผงประสิทธิภาพเพื่อรับบริบทเพิ่มเติม ปัญหานี้อาจทำให้เกิดความติดขัด เนื่องจากภาพรวมที่กำหนดไว้ล่วงหน้าของประสิทธิภาพของหน้าเว็บจะแตกต่างจากข้อมูลประสิทธิภาพแบบละเอียด
เราจะผสานรวมการวิเคราะห์ประสิทธิภาพของ Lighthouse ผ่านแผงประสิทธิภาพอย่างละเอียด การผสานรวมนี้ทำให้ Lighthouse มองเห็นโอกาสที่ดีที่สุดในการปรับปรุงประสิทธิภาพของหน้าเว็บภายในแผงประสิทธิภาพเอง พร้อมด้วยรายละเอียดทั้งหมดที่จำเป็นในการดำเนินการกับโอกาส
หลังจากย้ายฟังก์ชันด้านประสิทธิภาพทั้งหมดไปยังแผงประสิทธิภาพแล้ว แผง Lighthouse อิสระในเครื่องมือสำหรับนักพัฒนาเว็บจะซ้ำซ้อนและจะหยุดให้บริการ การหยุดให้บริการแผงนี้จะไม่เกิดขึ้นจนกว่าจะถึงครึ่งหลังของปี 2025 คุณจึงควรระบุอย่างชัดเจนว่า Lighthouse ไม่ได้หายไป
Lighthouse อยู่ที่นี่แล้ว
เราจะไม่เลิกใช้โมดูล npm ของ Lighthouse และรายงาน Lighthouse ใน PageSpeed Insights (รวมถึง PSI API) เรายังคงทุ่มเทกับความพร้อมใช้งานและคุณภาพของ Lighthouse ในฐานะเครื่องมือโอเพนซอร์สที่สามารถใช้ในสภาพแวดล้อมที่นักพัฒนาซอฟต์แวร์ต้องการเพื่อประเมินประสิทธิภาพของหน้าเว็บ
การผสานรวมนี้ทำหน้าที่เป็นช่องทางให้เรายกระดับทั้งความสามารถของแผงประสิทธิภาพและความสามารถของ Lighthouse สำหรับนักพัฒนาซอฟต์แวร์ที่พยายามให้ความสำคัญกับการโหลด การตอบสนอง และความเสถียรของเนื้อหา
เราจะเลิกใช้งานแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลอง
เราได้จัดส่งแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเป็นการทดสอบเพื่อดูว่าเราจะระบุปัญหาหลัก 3 ประการให้ดีขึ้นได้อย่างไร ซึ่งได้แก่ ลดความหนาแน่นของแผงประสิทธิภาพ รองรับการวิเคราะห์ที่อิงตามกรณีการใช้งาน และลดเส้นโค้งการเรียนรู้ที่มาพร้อมกับการใช้แผงประสิทธิภาพ
เราได้เรียนรู้หลายอย่างจากการทดลองผ่านความคิดเห็นของนักพัฒนาแอป เราได้ตรวจสอบแล้วว่าการใช้การวิเคราะห์ที่อิงตามตัวพิมพ์เล็กและใหญ่ เช่น "ฉันต้องการเพิ่มประสิทธิภาพ LCP" หรือ "ฉันต้องการเพิ่มประสิทธิภาพหน้าเว็บให้ปรับเปลี่ยนตามอุปกรณ์มากขึ้น" เป็นสิ่งที่มีประโยชน์อย่างยิ่ง และฟีเจอร์อย่างการติดตามการเปลี่ยนเลย์เอาต์ทำให้การวินิจฉัยและปรับปรุงเมตริกทำได้ง่ายขึ้นมาก
นอกจากนี้ นักพัฒนาแอปยังพบว่าแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพนั้นเข้าถึงได้มากกว่าแผงประสิทธิภาพ ซึ่งพิสูจน์แล้วว่าความหนาแน่นของข้อมูลที่ลดลงเป็นที่น่าสนใจ อย่างไรก็ตาม ความหนาแน่นที่ลดลงนี้มีค่าใช้จ่ายในหลายกรณี ซึ่งทำให้นักพัฒนาแอปต้องไปที่แผงประสิทธิภาพเพื่อรับข้อมูลโดยละเอียดที่จำเป็นในการดำเนินการ
สิ่งที่เราได้เรียนรู้และฟีเจอร์ต่างๆ จากแผงข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพเวอร์ชันทดลองจะผสานรวมอยู่ในแผงประสิทธิภาพ ฟีเจอร์ต่างๆ เช่น การวิเคราะห์ตามกรณีการใช้งาน การปรับปรุงความหนาแน่นของข้อมูล ตลอดจนการผสานรวม Lighthouse จะช่วยให้เรานำข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพของหน้าเว็บไปใช้ได้จริงมากขึ้นกว่าที่เคย
เราจะนำการทดสอบข้อมูลเชิงลึกด้านประสิทธิภาพออกภายในปี 2024
ช่องทางแสดงความคิดเห็น
เรายินดีรับฟังความคิดเห็นในระหว่างการจัดส่งฟีเจอร์ใหม่ หากคุณมีไอเดียเกี่ยวกับวิธีปรับปรุงฟีเจอร์ที่เพิ่ม หรือหากขั้นตอนการใช้งานในแผงข้อมูลที่มีอยู่มีการหยุดชะงักอย่างไม่เหมาะสม เราต้องการฟังความคิดเห็นจากคุณ เราอยากทราบความคิดเห็นที่ได้ผล อะไรไม่ได้ผล และสิ่งที่คุณคิดว่าเราปรับปรุงให้ดีขึ้นได้ ขอขอบคุณ