عداد السرعة يقيس أداء المتصفح
على الرغم من التقدم الكبير الذي تم تحقيقه في تطوير الويب وكل تلك الجهود المبذولة لتحقيق توحيد تطوير الويب، فإن منتصف عام 2024، هو التاريخ الذي لم تتمكن فيه المتصفحات (أو أرادت) الوصول إلى معيار مشترك و سواء كان ذلك أفضل أو أسوأ، فقد أدى هذا الموقف أيضًا إلى مساهمة كل واحد منهم ببعض الميزات أو الفوائد التي تم تنفيذها في المتصفحات الأخرى في ذلك الوقت.
إن الحديث عن قياس أداء متصفحات الويب ليس بهذه البساطة كما هو الحال في حالات أخرى، لأنه في هذه الحالة يتم فحص جوانب مختلفة ولهذا السبب يتم عادةً استخدام أدوات مختلفة. ولكن الآن قد يأخذ هذا منحى مختلفًا لأن الشركات ذات الوزن الثقيل على شبكة الإنترنت قد توحدت قواها.
وعليه بعد ست سنوات من إصداره الأخير، تم تقديمه أداة محدثة لتقييم أداء واستجابة متصفحات الويب: عداد السرعة 3.0، الذي تم تطويره بالتعاون بين Mozilla وGoogle وMicrosoft وApple، يركز على تقدير التأخيرات من خلال محاكاة عمل المستخدم مع تطبيقات الويب الشائعة.
بالتعاون مع محركات متصفح الويب الرائدة Blink/V8، وGecko/SpiderMonkey، وWebKit/JavaScriptCore، نحن متحمسون لإصدار Speedometer 3.0. تعتبر المعايير، مثل عداد السرعة، أدوات يمكنها مساعدة موردي المتصفحات في العثور على فرص لتحسين الأداء. ومن الناحية المثالية، فهي تحاكي الوظائف التي يجدها المستخدمون على مواقع الويب النموذجية، للتأكد من قدرة المتصفحات على تحسين المناطق المفيدة للمستخدمين.
حول عداد السرعة 3.0
عداد السرعة 3.0 يتميز بكونه أول مجموعة لاختبار أداء المتصفح تم إنشاؤها معًا بواسطة كبار مطوري محركات المتصفح، وقد أصبح ذلك ممكنًا من خلال تطوير سياسة اختبار مشتركة.
مجموعة الأدوات اللازمة لإجراء الاختبارات تم توسيعه ليشمل مجموعة متنوعة من العمليات المتصفح عن طريق قياس الاستجابة لإجراءات المستخدم. لا يتضمن ذلك وقت تنفيذ التعليمات البرمجية فحسب، بل يشمل أيضًا وقت العرض وتنفيذ المهام غير المتزامنة.
تم تطوير الأدوات لمطوري المتصفحات لتحليل نتائج الاختبار وإنشاء ملفات تعريف الأداء وضبط معلمات الاختبار حسب الضرورة. بالإضافة إلى ذلك، يتم توفير القدرة على إنشاء برامج نصية معقدة لإطلاق الاختبار المخصص.
بخصوص تحديثات عداد السرعة 3.0، تم الانتقال إلى استخدام الإصدارات الجديدة من الأطر Angular، وBackbone، و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.
- التحميل والتفاعل مع الرسومات: يتم تقييم التحميل والتفاعل مع الرسومات المصممة باستخدام عنصر اللوحة القماشية أو التي تم إنشاؤها بتنسيق 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 على التوالي.
أخيرًا إذا كنت كذلك مهتم بمعرفة المزيد عنها ، يمكنك التحقق من التفاصيل في الرابط التالي.