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