وقت عرض الموقع – Render time

ما هو وقت العرض ؟

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

وقت العرض مقابل وقت التحميل

بينما غالبًا ما يكونان مخطئين ، فإن هذين الاثنين يخدمان غرضًا مختلفًا تمامًا.

يشير وقت تحميل الصفحة إلى مقدار الوقت الذي يستغرقه ظهور الصفحة على شاشتك. عادةً ما يتم قياسها بالثواني وتحسبها بناءً على الوقت المستغرق لتحميل الصفحة حتى الاكتمال مقارنةً بالوقت الذي قمت فيه بالنقر فوق الرابط.

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

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

لماذا يعتبر وقت العرض مهمًا؟

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

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

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

اقرء ايضا : مزود خدمات البيانات الكبيرة السحابية

كيف تقيس وقت العرض؟

ستكون الإجابة السهلة هي استخدام Navigation Timing API التي تعمل على معظم المتصفحات الحديثة واستخدام JavaScript لتسجيل البيانات.

function onLoad() { var now = new Date().getTime(); 
var page_load_time = now - performance.timing.navigationStart; 
console.log("User-perceived page render time: " + page_load_time); }

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

أفضل أدوات DevOps في عام 2022

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

Sematext Synthetics هي أداة مراقبة تركيبية تجري اختبارات تركيبية على موقع الويب الخاص بك على فترات زمنية محددة مسبقًا ومن مواقع مختلفة حول العالم. يوفر لوحات معلومات قابلة للتخصيص حيث يمكن للمستخدمين رؤية مقاييس Core Web Vitals ووقت تحميل الموارد وأخطاء شهادات SSL والمزيد.

Sematext Experience هو حل مراقبة حقيقي للمستخدم يسمح لك بفهم كيفية تجربة المستخدمين لموقعك على الويب في أي لحظة. يرسم صورة أوضح لكيفية أداء موقع الويب من خلال تسجيل تفاعلات المستخدم الحقيقية.

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

خاتمة

في شركة الافنان لتكنلوجيا المعلومات نوفر لكم افضل وقت العرض من اجل سرعة الموقع الالكتروني الخاص بكم من خلال فريق مختص يهتم بهذه التفاصيل وسيرافرات عالية السرعة والجودة .

قد يهمك تطبيق ادارة الملفات

طريقة معرفة الكمبيوتر يدعم الاصدار 32 بت أو 64 بت

DMS-IQ نظام الارشفة الالكترونية النسخة المجانية

المصدر : Render time