تُعدّ علامات ومقاييس توقيت المستخدم من الميزات المتعلقة بالأداء والمتوفرة في معظم المتصفحات الحديثة. ويمكن استخدامها لجمع بيانات حول كيفية استخدام المستخدمين لصفحة الويب أو التطبيق، مما يُساعد على تحسين أداء موقعك الإلكتروني .
تُستخدم علامات التوقيت الخاصة بالمستخدم لتحديد نقاط معينة في التعليمات البرمجية، والتي يمكن قياسها لاحقًا باستخدام أداة قياس التوقيت. يساعد هذا في تحديد مواضع الاختناقات في التعليمات البرمجية. على سبيل المثال، يمكنك استخدام علامة توقيت لتحديد بداية ملف جافا سكريبت ، ثم استخدام أداة قياس التوقيت لمعرفة المدة التي استغرقها تحميل هذا الملف.
تقيس مقاييس توقيت المستخدم الوقت بين علامتي توقيت للمستخدم. وهذا يساعد في قياس أداء أجزاء محددة من التعليمات البرمجية. على سبيل المثال، يمكنك استخدام مقياس توقيت المستخدم لمعرفة المدة AJAX لإكماله.
يمكنك قراءة المزيد عن علامات ومقاييس توقيت المستخدم على موقع W3C الإلكتروني .
ما هي علامات التوقيت الخاصة بالمستخدم؟
يُعدّ كلٌّ من علامات ومقاييس توقيت المستخدم مؤشرين للأداء يُمكن استخدامهما لتحديد المشكلات وتحسين تطبيقات الويب. تقيس علامات توقيت المستخدم الفترة الزمنية بين حدثين أو الوقت اللازم لإتمام حدث ما. بينما تقيس مقاييس توقيت المستخدم مدة الحدث أو عدد الأحداث التي تحدث خلال فترة زمنية محددة.
كيفية إضافة علامات التوقيت الخاصة بالمستخدم؟
يُعدّ إضافة علامات ومقاييس توقيت المستخدم طريقةً رائعةً للحصول على رؤى حول أداء صفحات الويب الخاصة بك. يتيح لك توقيت المستخدم تتبع المدة التي تستغرقها أحداث معينة على صفحاتك، مثل وقت نقر المستخدم على زر أو رابط.
لإضافة علامات ومقاييس توقيت المستخدم، ستحتاج أولاً إلى إنشاء ملف جافا سكريبت جديد. ثم، ستحتاج إلى تضمين الكود التالي في ملفك:
var startTime = Date.now();
دالة doSomething() {
var endTime = Date.now();
var timeTaken = endTime – startTime;
console.log('استغرقت الدالة doSomething مدة ' + timeTaken + ' مللي ثانية لتشغيلها.');
}
سيُمكّنك الكود أعلاه من تتبع المدة التي تستغرقها الدالة لتنفيذ أمرٍ ما. يمكنك أيضًا استخدام هذه التقنية لتتبع أحداث أخرى على صفحتك. للقيام بذلك، استبدل اسم الدالة في الكود أعلاه باسم الحدث الذي ترغب في تتبعه.
نصائح لتحديد الوقت في التعليمات البرمجية الخاصة بك
1. عندما ترغب في قياس الوقت اللازم لحدوث شيء ما في التعليمات البرمجية الخاصة بك، يمكنك استخدام performance.now() . ستمنحك هذه الدالة طابعًا زمنيًا دقيقًا يصل إلى جزء من ألف من الميلي ثانية.
2. يمكنك أيضًا استخدام طريقة Date.now() إذا لم تكن بحاجة إلى هذه الدقة العالية.
3. إذا كنت ترغب في قياس المدة التي يستغرقها شيء ما بوحدات محددة (مثل الثواني والدقائق وما إلى ذلك)، فيمكنك استخدام طرق performance.mark() و performance.measure().
4. وأخيرًا، إذا كنت ترغب في الحصول على تفاصيل حول ما يحدث في التعليمات البرمجية الخاصة بك والمدة التي استغرقها كل جزء منها للتشغيل، يمكنك استخدام طرق mark() و measure() الخاصة بواجهة برمجة تطبيقات توقيت المستخدم.
خاتمة
تُعدّ واجهة برمجة تطبيقات توقيت المستخدم (User Timing API) وسيلةً ممتازةً لفهم كيفية تفاعل المستخدمين مع تطبيقات الويب الخاصة بك. باستخدام العلامات والمقاييس، يمكنك تتبع أحداث محددة ومعلومات التوقيت لتحديد مواطن الاختناق أو المشكلات المحتملة. إضافةً إلى ذلك، يمكن استخدام واجهة برمجة تطبيقات توقيت المستخدم لجمع بيانات الأداء التي تُسهم في تحسين تجربة المستخدم بشكل عام.
