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