إتاحة اتخاذ إجراءات بشأن "الأداء الأساسي" باستخدام بيانات المستخدمين الفعليين

Karlijn Löwik

Erwin Hofman

تاريخ النشر: 10 شباط (فبراير) 2025

هل تأخّرت من قبل في تنفيذ ميزة حديثة على الويب لأنّك لم تكن متأكّدًا مما إذا كانت متصفحات المستخدِمين متوافقة معها؟ أو هل احتفظت بمواد حشو ثقيلة لفترة أطول مما هو مطلوب؟ نحن هنا لمساعدتك. على الرغم من أنّ Baseline تمنحنا إشارات واضحة حول مدى اتّباع المعايير العالمية في المتصفّحات، إلا أنّ هناك عنصرًا مفقودًا: معرفة الميزات التي يستخدمها المستخدمون فعليًا.

حلّ فريق RUMvision هذه المشكلة من خلال دمج بيانات الأساس مع بيانات مراقبة المستخدِمين الفعليين (RUM)، وكانت النتائج مثيرة جدًا للاهتمام. تبيّن للفِرق أنّه يمكنها استخدام الميزات الحديثة قبل بضعة أشهر من المخطّط، وتبيّن لبعضهم أنّهم كانوا يحتفظون بمكتبات polyfills لا يحتاج إليها ‎97% من مستخدميهم. واكتشف آخرون أنّه من الحكمة تأجيل تنفيذ الميزات الجديدة لأنّ جمهورهم لم يكن مستعدًا بعد.

آلية عمل "القاعدة الأساسية" وتوافق المتصفّح

يرتبط توفّر ميزة على الويب بإصدارات المتصفّح: عندما تطرح المتصفّحات ميزة، يحصل عليها المستخدمون من خلال تحديث المتصفّح. يتتبّع "المرجع الأساسي" الحالات التي تطرح فيها جميع المتصفّحات الرئيسية (Chrome وEdge وFirefox وSafari) ميزة معيّنة، ويضع عليها شارة زرقاء ويضبطها على "متاحة حديثًا". وبعد 30 شهرًا، يتم تعديل هذه الحالة إلى "متاح على نطاق واسع".

ولكن قد تبدو أنماط التحديثات لدى المستخدمين مختلفة جدًا عن المتوسطات العالمية. من خلال تتبُّع إصدارات المتصفّح الفعلية التي يستخدمها المستخدمون، يمكن لخدمة RUMvision عرض النسبة المئوية الدقيقة لجمهورك الذي يتيح كل ميزة. ويؤدي ذلك إلى تحويل الأداء الأساسي من مؤشر عام إلى أداة عملية لحالتك الخاصة.

استخدام المتصفّحات على الويب

من خلال مراجعة ملايين مشاهدات الصفحة في أسواق مختلفة (كانون الأول (ديسمبر) 2024)، اكتشفت شركة RUMvision أنماطًا واضحة في كيفية حصول المستخدمين على تحديثات المتصفّح:

• يتم اعتماد تحديثات Chrome وEdge وFirefox بسرعة، وغالبًا ما تصل إلى نسبة 95% من التوافق في غضون ثلاثة أشهر تقريبًا.
• يستغرق Safari وقتًا أطول بكثير، أي حوالي 19 شهرًا للوصول إلى المستوى نفسه، لأنّه مرتبط بتحديثات نظام التشغيل.
• يتميز Chrome بميزة خاصة به، إذ يصل إلى نسبة مئوية تتراوح بين %95 و%98 بسرعة، ولكنّه يتباطأ بعد ذلك، ويحتاج إلى مدة تصل إلى 23 شهرًا للوصول إلى نسبة مئوية تبلغ %99.

على الرغم من أنّ "القاعدة الأساسية" تتتبّع مئات الميزات، من المحتمل أنّك تركّز على ميزات معيّنة تريد استخدامها. يعتمد وقت الانتظار لأي ميزة على المتصفّح الذي كان آخر متصفّح يتيح هذه الميزة.

إذا كان Chrome هو المتصفّح الأخير المطلوب لوصول ميزة معيّنة إلى المستوى الأساسي، وكان جمهورك يستخدم Chrome بشكل أساسي، من المرجّح أن تصبح الميزة متاحة له خلال بضعة أشهر. ولكن إذا كان Safari هو المتصفح الأخير الذي يتيح استخدام الميزة، حتى إذا كان كل المتصفحات الأخرى جاهزة قبل سنوات، قد تنتظر 19 شهرًا حتى يحصل مستخدمو Safari على تحديث نظام التشغيل المطلوب.

يختلف شكل العالم الواقعي من شخص لآخر

توضّح بياناتنا مدى اختلاف الدعم بشكل كبير في المواقع الإلكترونية المختلفة (ديسمبر 2024):

• متجر لبيع السلع المنزلية في هولندا:
  • ميزات Baseline 2024: التوافق مع% 34 من الأجهزة
  • ميزات Baseline 2023: دعم بنسبة% 76
  • الميزات المتوفّرة على نطاق واسع: تتوفّر بنسبة% 95
• مدوّنة تقنية مقرّها الولايات المتحدة:
  • ميزات Baseline 2024: توفّر الدعم بنسبة% 59
  • ميزات Baseline 2023: توفّر الدعم بنسبة% 89
  • الميزات المتاحة على نطاق واسع: تتوفّر بنسبة% 100
• موقع إلكتروني للعقارات في الشرق الأوسط:
  • ميزات Baseline 2024: التوافق بنسبة% 39
  • ميزات Baseline 2023: توفّر الدعم بنسبة% 74
  • الميزات المتوفّرة على نطاق واسع: تتوفّر بنسبة% 95

تحدث هذه الاختلافات بسبب هوية الزوّار وطريقة تصفّحهم:

• يميل المستخدمون الملمّون بالتكنولوجيا إلى التحديث بسرعة، في حين يبقى الجمهور العام غالباً على الإصدارات السابقة.
• تختلف فئات الجمهور والفئات العمرية في عادات التصفّح و الأجهزة.
• تختلف طريقة وصول مستخدمي الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي إلى موقعك الإلكتروني.
• تفضّل بعض المناطق استخدام أجهزة iOS، بينما تفضّل مناطق أخرى استخدام أجهزة Android، ما يؤثّر في وقت توفّر الميزات.

لهذا السبب، قد تكون الميزة نفسها قابلة للاستخدام بأمان على مدوّنة تقنية في غضون بضعة أشهر، ولكنها تحتاج إلى بدائل على موقع للتجارة الإلكترونية لمدة عام آخر.

دمج Baseline في RUMvision

أراد فريق RUMvision التأكّد من أنّ عملية الدمج تتوافق مع توقعات المطوّرين، وطريقة عرض هذه المعلومات التي يتوقعونها.

وقد عالجوا هذه المشكلة من منظورَين:

• بصفتنا مطوّرين، نحتاج إلى معرفة هذه المعلومات.
• بصفتك صانع محتوى تشارك محتوى مع منتدى المطوّرين الأوسع نطاقًا

مثل العديد من المطوّرين، يستخدم الفريق بانتظام أدوات مثل جداول الدعم في Can I Use وMDN، لذلك خصّص عملية الدمج لتقديم المعلومات بطريقة تُحسِّن سير العمل الخاص به مع تلبية احتياجات جميع مستخدمي RUMvision.

دمج مصادر بيانات متعددة

تبدأ العملية باستيراد بيانات ميزات الويب التي تم طرحها حديثًا تلقائيًا. ويتم بعد ذلك عرض هذه الميزات في قائمة قابلة للبحث والفلترة لمستخدمي RUMvision.

عند النقر على إحدى ميزات الويب، يتم فتح نافذة منبثقة تعرض معلومات تفصيلية عن "المرجع الأساسي" ومخطط دعم المتصفّح الزمني. ويُضاف إلى هذا العرض إحصاءات إضافية:

• الموارد: روابط تؤدي إلى صفحات MDN وCan I Use وW3C ومعلومات عن إصدارات المتصفّح وحالة Chrome ومقالات web.dev
• المخطط الزمني لاعتماد الإصدار الأساسي: يعرض هذا المخطط الوقت الذي نفَّذ فيه كل متصفّح ميزة معيّنة.
• جدول توافق MDN: بيانات من browser-compat-data تعرض معلومات تفصيلية مشابهة لجداول التوافق العادية في MDN.
• الأخطاء المعروفة: يتم استخراجها من مجموعة البيانات نفسها لتكملة الموارد المتاحة.
• المساعدة المستندة إلى الذكاء الاصطناعي: تساعد في تفسير إحصاءات الدعم على مستوى المتصفحات الرئيسية.

الاستفادة إلى أقصى حد من الميزات الحديثة

إنّ الميزة الحقيقية لدمج Baseline مع بيانات المستخدِمين هي أيضًا التقدّم باستخدام ميزات الويب الحديثة. ستظهر لك مستويات استخدام الجمهور لكل ميزة، ويمكنك تتبُّع كيفية تغيُّرها بمرور الوقت. ويعني ذلك استبدال حلول JavaScript المعقدة بإمكانات المتصفح الأصلية في الوقت المناسب. على سبيل المثال، يمكنك الانتقال من:

• مكوّنات متجاوبة مستندة إلى JavaScript لطلبات البحث عن الحاوية
• مكتبات التحميل الكسول لـ JavaScript التي تعتمد على واجهة برمجة التطبيقات IntersectionObserver API للتحميل الكسول
• إطارات العمل التي تتضمّن عناصر مشروطة (مثل Bootstrap) في واجهة برمجة التطبيقات Popover

بدلاً من الانتظار لمدة 30 شهرًا للحصول على الحالة "متاح على نطاق واسع"، يمكنك اتخاذ قرارات مدروسة استنادًا إلى بيانات الاستخدام الفعلية. وبذلك، ستعرف بالضبط متى يجب طرح ميزات جديدة وكيفية تنفيذها بفعالية.

أمثلة حقيقية وتأثير حقيقي

للحصول على مثال عملي، اطّلِع على ميزة وصلت مؤخرًا إلى المستوى الأساسي، وهو سمة CSS content-visibility:

• كانت بعض المواقع الإلكترونية متوافقة بنسبة% 99، ما يعني أنّها كانت جاهزة للتنفيذ الفوري.
• أظهر الآخرون نسبة تأييد تتراوح بين %82 و%89، ما يشير إلى الحاجة إلى استخدام بدائل.
• بعض شرائح المستخدمين المحدّدة التي تم تحديدها لا تزال تستخدم متصفّحات قديمة.

وأظهرت البيانات أيضًا أنّ نسبة استخدام Safari لكلتا الميزتين ظلت ثابتة عند ‎20% تقريبًا من شباط (فبراير) 2024 إلى أيلول (سبتمبر) 2024، ما يرتبط بطرح الإصدار 18 من نظام التشغيل iOS في أيلول (سبتمبر) 2024 الذي يتضمّن هذه الميزة.

تحقيق نجاح العملاء من خلال قاعدة بيانات "متاحة على نطاق واسع"

باستخدام إحصاءات من معلومات ميزة RUM، يمكنك إنشاء مرجعك الخاص، الذي يتضمّن الميزات المتاحة لموقعك الإلكتروني في أربع مستويات وإمكانية فلترتها:

• ميزة "جاهز للشحن" (عندما تكون متاحة لنسبة% 98 من الزوّار على الأقل)
• يبدو أنّه جيد (تتراوح تغطية الدعم بين% 95 و%98).
• ملاحظة (تتراوح التغطية بين% 75 و%95).
• يُرجى توخي الحذر (تغطية أقل من %75).

ومن خلال دمج بيانات RUM مع معلومات Baseline لكل ميزة على الويب، سجّل المستخدمون قصص نجاح. أزالت Informatiebord.nl 30 كيلوبايت من ملف JavaScript polyfill بعد اكتشاف أنّ ‎97% من مستخدميها يستخدمون ميزات برمجية أساسية متوافقة. قال المطوّر كيفين ميجر:

"باستخدام Baseline، يمكننا اتخاذ قرارات استراتيجية: هل نركّز على تقديم تجربت استخدام مثالية لـ ‎97% من زوارنا بدون التأثير على الأداء، أم نبطئ وتيرة الابتكار لاستيعاب نسبة ‎3% المتبقية؟ لقد اختَرنا عمدًا الخيار الأول، لأنّ الجهود الإضافية التي تُبذل من أجل هذه النسبة المئوية البالغة% 3 قد تؤثر سلبًا في تجربة الأغلبية".

المساهمة في الويب

تساعدنا البيانات الأساسية إلى جانب إحصاءات المستخدمين الفعليين في اتخاذ قرارات أفضل بشأن إتاحة الميزات. عند التوقف عن استخدام الرموز البرمجية القديمة، وعند استخدام ميزات جديدة، تصبح هذه الخيارات أكثر وضوحًا عندما تعرف ما يوافق عليه المستخدمون فعليًا.

تشارك شركة RUMvision النتائج المتعلقة بأنماط استخدام المتصفّحات مع مجموعة منتدى WebDX، ما يساعد في تحديد كيفية انتقال الميزات من الحالة "متاحة حديثًا" إلى الحالة "متاحة على نطاق واسع".