มาตรวัดความเร็ววัดประสิทธิภาพของเบราว์เซอร์
แม้จะมีความก้าวหน้าอย่างมากในการพัฒนาเว็บและความพยายามทั้งหมดเพื่อให้บรรลุการรวมการพัฒนาเว็บเข้าด้วยกัน ในกลางปี 2024 ก็เป็นวันที่เบราว์เซอร์ไม่ได้รับการจัดการ (หรือต้องการ) บรรลุมาตรฐานทั่วไปและสำหรับ ดีขึ้นหรือแย่ลง สถานการณ์นี้ยังส่งผลให้แต่ละคนมีส่วนสนับสนุนคุณลักษณะหรือประโยชน์บางอย่างที่มีการนำไปใช้กับเบราว์เซอร์อื่นในขณะนั้น
การพูดถึงการวัดประสิทธิภาพของเว็บเบราว์เซอร์นั้นไม่ง่ายอย่างที่คิดในกรณีอื่นๆ เนื่องจากในกรณีนี้มีการตรวจสอบแง่มุมที่แตกต่างกัน และนั่นคือสาเหตุที่ทำไมจึงใช้เครื่องมือต่างๆ กัน แต่ตอนนี้อาจเปลี่ยนไปแล้ว เนื่องจากเว็บรุ่นใหญ่ได้ผนึกกำลังกัน
และนั่นก็คือ หลังจากหกปีนับตั้งแต่เปิดตัวครั้งล่าสุด ก็มีการนำเสนอ เครื่องมือที่ได้รับการอัปเดตเพื่อประเมินประสิทธิภาพและการตอบสนองของเว็บเบราว์เซอร์: Speedometer 3.0 ซึ่งได้รับการพัฒนาร่วมกันโดย Mozilla, Google, Microsoft และ Apple มุ่งเน้นไปที่การประมาณความล่าช้าโดยการจำลองการทำงานของผู้ใช้กับเว็บแอปพลิเคชันทั่วไป
ด้วยความร่วมมือกับเครื่องมือเว็บเบราว์เซอร์ชั้นนำ Blink/V8, Gecko/SpiderMonkey และ WebKit/JavaScriptCore เรารู้สึกตื่นเต้นที่จะเปิดตัว Speedometer 3.0 เกณฑ์มาตรฐาน เช่น มาตรวัดความเร็ว เป็นเครื่องมือที่สามารถช่วยให้ผู้จำหน่ายเบราว์เซอร์พบโอกาสในการปรับปรุงประสิทธิภาพ ตามหลักการแล้ว พวกเขาจำลองฟังก์ชันการทำงานที่ผู้ใช้พบบนเว็บไซต์ทั่วไป เพื่อให้แน่ใจว่าเบราว์เซอร์สามารถเพิ่มประสิทธิภาพพื้นที่ที่เป็นประโยชน์ต่อผู้ใช้ได้
เกี่ยวกับมาตรวัดความเร็ว 3.0
มาตรวัดความเร็ว 3.0 คือ โดดเด่นจากการเป็นชุดทดสอบประสิทธิภาพของเบราว์เซอร์ชุดแรกที่สร้างขึ้นร่วมกัน โดยนักพัฒนาโปรแกรมเบราว์เซอร์รายใหญ่ และสิ่งนี้เกิดขึ้นได้จากการพัฒนานโยบายการทดสอบทั่วไป
ชุดเครื่องมือสำหรับการทดสอบการทำงาน ได้ถูกขยายออกไปเพื่อคำนึงถึงการดำเนินงานที่หลากหลาย ของเบราว์เซอร์โดยการวัดการตอบสนองต่อการกระทำของผู้ใช้ ซึ่งไม่เพียงแต่รวมถึงเวลาการเรียกใช้โค้ดเท่านั้น แต่ยังรวมถึงเวลาการเรนเดอร์และการดำเนินการงานแบบอะซิงโครนัสด้วย
เครื่องมือได้รับการพัฒนาสำหรับนักพัฒนาเบราว์เซอร์เพื่อวิเคราะห์ผลการทดสอบ สร้างโปรไฟล์ประสิทธิภาพ และปรับพารามิเตอร์การทดสอบตามความจำเป็น นอกจากนี้ ยังมีความสามารถในการสร้างสคริปต์เรียกใช้การทดสอบแบบกำหนดเองที่ซับซ้อนอีกด้วย
เกี่ยวกับการอัพเดต Speedometer 3.0 มีการเปลี่ยนไปใช้เฟรมเวิร์กเวอร์ชันใหม่ เชิงมุม, แบ็คโบน, jQuery, Lit, Preact, React, React+Redux, Svelte และ Vue รูปแบบการออกแบบสมัยใหม่สำหรับไซต์และเว็บแอปพลิเคชันยังถูกนำมาใช้ เช่น การใช้ Webpack ส่วนประกอบของเว็บ และวิธีการอัปเดตสำหรับการทำงานกับ DOM
ได้รับการรวมไว้แล้ว การทดสอบเพิ่มเติมเพื่อประเมินประสิทธิภาพการเรนเดอร์ ด้วยองค์ประกอบ Canvas การสร้าง SVG การประมวลผล CSS ที่ซับซ้อน การจัดการแผนผัง DOM กว้างขวางและเทคนิคที่ใช้ในการแก้ไขเนื้อหาแบบ WYSIWYG และบนเว็บไซต์ข่าว
มาตรวัดความเร็ว 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 ตามลำดับ
ในที่สุดถ้าคุณเป็น สนใจที่จะทราบข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนี้ คุณสามารถตรวจสอบรายละเอียด ในลิงค์ต่อไปนี้.