มาตรวัดความเร็ววัดประสิทธิภาพของเบราว์เซอร์
แม้จะมีความก้าวหน้าอย่างมากในการพัฒนาเว็บและความพยายามทั้งหมดเพื่อให้บรรลุการรวมการพัฒนาเว็บเข้าด้วยกัน ในกลางปี 2024 ก็เป็นวันที่เบราว์เซอร์ไม่ได้รับการจัดการ (หรือต้องการ) บรรลุมาตรฐานทั่วไปและสำหรับ ดีขึ้นหรือแย่ลง สถานการณ์นี้ยังส่งผลให้แต่ละคนมีส่วนสนับสนุนคุณลักษณะหรือประโยชน์บางอย่างที่มีการนำไปใช้กับเบราว์เซอร์อื่นในขณะนั้น
การพูดถึงการวัดประสิทธิภาพของเว็บเบราว์เซอร์นั้นไม่ง่ายอย่างที่คิดในกรณีอื่นๆ เนื่องจากในกรณีนี้มีการตรวจสอบแง่มุมที่แตกต่างกัน และนั่นคือสาเหตุที่ทำไมจึงใช้เครื่องมือต่างๆ กัน แต่ตอนนี้อาจเปลี่ยนไปแล้ว เนื่องจากเว็บรุ่นใหญ่ได้ผนึกกำลังกัน
หลังจากผ่านไปหกปีนับตั้งแต่การเปิดตัวครั้งล่าสุดเครื่องมือที่ได้รับการปรับปรุงใหม่สำหรับการประเมินประสิทธิภาพและการตอบสนองของเว็บเบราว์เซอร์ได้ถูกนำกลับมาใช้งานอีกครั้ง นั่นคือSpeedometer 3.0 ซึ่งพัฒนาขึ้นโดยความร่วมมือระหว่าง Mozilla, Google, Microsoft และ Apple โดยมุ่งเน้นไปที่การประมาณค่าความล่าช้าโดยการจำลองการทำงานของผู้ใช้กับแอปพลิเคชันเว็บทั่วไป
ด้วยความร่วมมือกับเครื่องมือเว็บเบราว์เซอร์ชั้นนำ Blink/V8, Gecko/SpiderMonkey และ WebKit/JavaScriptCore เรารู้สึกตื่นเต้นที่จะเปิดตัว Speedometer 3.0 เกณฑ์มาตรฐาน เช่น มาตรวัดความเร็ว เป็นเครื่องมือที่สามารถช่วยให้ผู้จำหน่ายเบราว์เซอร์พบโอกาสในการปรับปรุงประสิทธิภาพ ตามหลักการแล้ว พวกเขาจำลองฟังก์ชันการทำงานที่ผู้ใช้พบบนเว็บไซต์ทั่วไป เพื่อให้แน่ใจว่าเบราว์เซอร์สามารถเพิ่มประสิทธิภาพพื้นที่ที่เป็นประโยชน์ต่อผู้ใช้ได้
เกี่ยวกับมาตรวัดความเร็ว 3.0
Speedometer 3.0 โดดเด่นในฐานะที่เป็นชุดทดสอบประสิทธิภาพเบราว์เซอร์ชุดแรกที่สร้างขึ้นโดยความร่วมมือจากผู้พัฒนาเอ็นจิ้นเบราว์เซอร์ชั้นนำ ซึ่งเป็นไปได้ด้วยการพัฒนาแนวนโยบายการทดสอบร่วมกัน
ชุดเครื่องมือทดสอบได้รับการขยายให้ครอบคลุมการทำงานของเบราว์เซอร์ที่หลากหลายมากขึ้นเมื่อวัดการตอบสนองต่อการกระทำของผู้ใช้ ซึ่งรวมถึงไม่เพียงแต่เวลาในการประมวลผลโค้ดเท่านั้น แต่ยังรวมถึงเวลาในการแสดงผลและการประมวลผลงานแบบอะซิงโครนัสด้วย
เครื่องมือได้รับการพัฒนาสำหรับนักพัฒนาเบราว์เซอร์เพื่อวิเคราะห์ผลการทดสอบ สร้างโปรไฟล์ประสิทธิภาพ และปรับพารามิเตอร์การทดสอบตามความจำเป็น นอกจากนี้ ยังมีความสามารถในการสร้างสคริปต์เรียกใช้การทดสอบแบบกำหนดเองที่ซับซ้อนอีกด้วย
สำหรับการอัปเดตใน Speedometer 3.0 นั้นการเปลี่ยนไปใช้เฟรมเวิร์กเวอร์ชันใหม่กว่าของ Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte และ Vue ได้เสร็จสมบูรณ์แล้ว นอกจากนี้ยังได้นำรูปแบบการออกแบบที่ทันสมัยสำหรับเว็บไซต์และเว็บแอปพลิเคชันมาใช้ เช่น การใช้ Webpack, เว็บคอมโพเนนต์ และวิธีการทำงานกับ DOM ที่ได้รับการปรับปรุงใหม่
มีการเพิ่ม การทดสอบเพิ่มเติม เพื่อประเมินประสิทธิภาพในการแสดงผลด้วยองค์ประกอบ Canvas การสร้าง SVG การประมวลผล CSS ที่ซับซ้อน การจัดการโครงสร้าง DOM ขนาดใหญ่ และเทคนิคที่ใช้ในการแก้ไขเนื้อหาแบบ WYSIWYG และในเว็บไซต์ข่าว
Speedometer 3.0 ได้รับการออกแบบมาเพื่อประเมินประสิทธิภาพของจุดอ้างอิงต่างๆ ที่ใช้:
- เพิ่ม กรอก และลบบันทึกย่อใน TodoMVC: การดำเนินการต่างๆ เช่น การเพิ่ม กรอก และลบบันทึก 100 รายการจะดำเนินการโดยใช้ตัวจัดการงาน TodoMVC สิ่งนี้ถูกนำไปใช้ในรูปแบบต่างๆ ตามเฟรมเวิร์กเว็บที่แตกต่างกัน วิธีการทำงานกับ DOM และเวอร์ชันของมาตรฐาน ECMAScript ตัวอย่างของตัวเลือก TodoMVC ได้แก่ เฟรมเวิร์ก เช่น React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte และ Lit รวมถึงตัวเลือกที่ใช้คุณสมบัติขั้นสูงที่นำมาใช้ในข้อกำหนด ECMAScript 5 และ ECMAScript 6
- การแก้ไขข้อความในโหมด WYSIWYG: การแก้ไขข้อความด้วยมาร์กอัปแบบ WYSIWYG ได้รับการประเมินโดยใช้โปรแกรมแก้ไขโค้ด เช่น CodeMirror และ TipTap
- กำลังโหลดและการโต้ตอบกับกราฟิก: การโหลดและการโต้ตอบกับกราฟิกที่ออกแบบโดยใช้องค์ประกอบ Canvas หรือสร้างในรูปแบบ SVG โดยใช้ไลบรารี เช่น Observable Plot, chart.js และ react-stockcharts ได้รับการประเมิน
- การนำทางและการโต้ตอบกับเว็บไซต์ข่าว: การนำทางเพจและการโต้ตอบกับเนื้อหาจำลองบนไซต์ข่าวทั่วไปโดยใช้เฟรมเวิร์กเว็บ Next.js และ Nuxt
สำหรับผลลัพธ์ที่ได้จากการผ่านการทดสอบ Speedometer 3.0 บน macOS นั้น Chrome มีคะแนนนำ 22.6 คะแนน ตามมาด้วย Firefox ที่ 20.7 คะแนน และ Safari ได้ 19.0 คะแนน เมื่อเปรียบเทียบกันแล้ว ใน Speedometer 2.1 นั้น Safari เป็นผู้นำด้วยคะแนน 481 ตามมาด้วย Firefox ที่ 478 คะแนน และ Chrome ตามหลังอย่างโดดเด่นด้วยคะแนน 404 คะแนนในการทดสอบเดียวกันโดยใช้เบราว์เซอร์เดียวกัน บน Ubuntu 22.04 นั้น Chrome ได้คะแนน 13.5 และ 234 คะแนน ในขณะที่ Firefox ได้คะแนน 12.1 และ 186 คะแนนใน Speedometer เวอร์ชัน 3.0 และ 2.1 ตามลำดับ
สุดท้ายนี้ หากคุณสนใจเรียนรู้เพิ่มเติมสามารถดูรายละเอียดได้ที่ลิงก์ต่อไปนี้