علامات أوقات المستخدم ومقاييسها
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
ما هي واجهة برمجة تطبيقات User Timing؟
يعد جعل تطبيق الويب سريعًا وسريع الاستجابة أمرًا في غاية الأهمية لترك انطباع جيد لدى المستخدم.
تتمثل الخطوة الأولى لتحسين الأداء في تحديد الأجزاء التي يتم قضاء الوقت فيها.
تمنحك User Timing API
طريقة لقياس أداء تطبيقك باستخدام JavaScript.
يمكنك إجراء ذلك عن طريق إدراج استدعاءات واجهة برمجة التطبيقات في JavaScript ثم استخراج بيانات التوقيت التفصيلية التي يمكنك استخدامها لتحسين الرمز.
يمكنك الوصول إلى تلك البيانات من JavaScript باستخدام واجهة برمجة التطبيقات
أو من خلال الاطّلاع عليها في تسجيلات المخطط الزمني في أدوات مطوّري البرامج في Chrome .
راجِع الصفحة التي تتناول User Timing API
للحصول على مقدمة سريعة عن استخدامها.
كيفية إبلاغ Lighthouse عن بيانات "توقيت المستخدم"
عندما يستخدم تطبيقك واجهة برمجة تطبيقات User Timing API لإضافة علامات (أي طوابع زمنية)
ومقاييس (أي قياسات الوقت المنقضي بين العلامات)،
ستظهر لك هذه البيانات في تقرير
Lighthouse :
يستخلص تطبيق Lighthouse بيانات "توقيت المستخدم" من أداة إنشاء ملفات تعريف ارتباط الأحداث في Chrome .
عملية التدقيق هذه غير مهيكلة على أنها اختبار نجاح أو رسوب.
وهذه مجرد فرصة لاكتشاف واجهة برمجة تطبيقات مفيدة يمكنها مساعدتك في قياس أداء تطبيقك.
ملاحظة: يمكنك الاطّلاع على مشاركة
تقييم أداء Lighthouse لمعرفة
كيفية احتساب نتيجة الأداء الإجمالية لصفحتك.
إرشادات خاصة بحِزم البيانات
تفاعل
استخدِم محلِّل React DevTools الذي يستخدم واجهة برمجة تطبيقات المحلّل لقياس أداء العرض للمكوّنات.
المراجِع
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0 . للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers . إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2019-05-02 (حسب التوقيت العالمي المتفَّق عليه)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"لا يحتوي على المعلومات التي أحتاج إليها."
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"الخطوات معقدة للغاية / كثيرة جدًا."
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"المحتوى قديم."
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ثمة مشكلة في الترجمة."
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشكلة في العيّنات / التعليمات البرمجية"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غير ذلك"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"يسهُل فهم المحتوى."
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"ساعَدني المحتوى في حلّ مشكلتي."
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غير ذلك"
}]
{"lastModified": "\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0623\u062e\u064a\u0631: 2019-05-02 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0641\u0651\u064e\u0642 \u0639\u0644\u064a\u0647)"}
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2019-05-02 (حسب التوقيت العالمي المتفَّق عليه)"]]