علامات أوقات المستخدم ومقاييسها

ما هي واجهة برمجة تطبيقات User Timing؟

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

تمنحك User Timing API طريقة لقياس أداء تطبيقك باستخدام JavaScript. يمكنك إجراء ذلك عن طريق إدراج استدعاءات واجهة برمجة التطبيقات في JavaScript ثم استخراج بيانات التوقيت التفصيلية التي يمكنك استخدامها لتحسين الرمز. يمكنك الوصول إلى تلك البيانات من JavaScript باستخدام واجهة برمجة التطبيقات أو من خلال الاطّلاع عليها في تسجيلات المخطط الزمني في أدوات مطوّري البرامج في Chrome.

راجِع الصفحة التي تتناول User Timing API للحصول على مقدمة سريعة عن استخدامها.

كيفية إبلاغ Lighthouse عن بيانات "توقيت المستخدم"

عندما يستخدم تطبيقك واجهة برمجة تطبيقات User Timing API لإضافة علامات (أي طوابع زمنية) ومقاييس (أي قياسات الوقت المنقضي بين العلامات)، ستظهر لك هذه البيانات في تقرير Lighthouse:

يستخلص تطبيق Lighthouse بيانات "توقيت المستخدم" من أداة إنشاء ملفات تعريف ارتباط الأحداث في Chrome.

عملية التدقيق هذه غير مهيكلة على أنها اختبار نجاح أو رسوب. وهذه مجرد فرصة لاكتشاف واجهة برمجة تطبيقات مفيدة يمكنها مساعدتك في قياس أداء تطبيقك.

إرشادات خاصة بحِزم البيانات

تفاعل

استخدِم محلِّل React DevTools الذي يستخدم واجهة برمجة تطبيقات المحلّل لقياس أداء العرض للمكوّنات.

المراجِع

• رمز المصدر لتدقيق علامات ومقاييس User Timing
• User Timing API (MDN)
• User Timing API (web.dev)