كيفية استخدام ملف HAR لتحليل مشاكل صفحة الويب

نظرة عامة

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

HTTP Archive (HAR) هي أداة يمكن أن تساعد في تشخيص وحل مشكلات عرض صفحة الويب. تسمح HAR لمسؤولي الشبكة بالالتقاط وتحليل بيانات حركة المرور عبر الشبكة، بما في ذلك الطلبات، ردود الفعل، والتوقيتات، التي تولد عندما يقوم المستخدم بالوصول إلى صفحة ويب. يمكن أن توفر هذه البيانات رؤى حول كيفية تحميل وأداء صفحة الويب، وتحديد أي عنق زجاجة أو أخطاء، ومساعدة في تحديد السبب الجذري لمشكلات العرض.

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

البيئة

بيانات HAR مطلوبة.

التعليمات

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

رموز حالة HTTP

توفر رموز حالة HTTP معلومات حول حالة طلب العميل إلى الخادم، مما يساعد في تشخيص واستكشاف أي مشكلات تطرأ أثناء عملية الاتصال. فيما يلي رموز حالة HTTP الشائعة ومعانيها. ارجع إلى صفحة تعريف رموز الحالة لـ HTTP/1.1 للتفاصيل.

  • 200 - نجاح
  • 404 - الصفحة غير موجودة / طلب خاطئ
  • 401 - غير مصرح
  • 403 - ممنوع 
  • 304 - غير معدل (المحتوى مخزن)
  • 500 - خطأ من الخادم الداخلي

خطوات

  1. قم بتحميل البيانات المجموعة من HAR في محلل Google HAR
  2. قم بتصفية الطلبات حسب رموز حالة HTTP.
    مثال
    تظهر الصورة أدناه ملف HAR الذي تم تحميله إلى محلل HAR من جوجل. هذا الاتصال هو محاولة لتصفح فيسبوك حيث لم يتم تحميل المحتوى بشكل صحيح. بالتصفية حسب رموز حالة HTTP غير الناجحة (غير-2xx)، يمكننا رؤية العديد من الردود المحظورة 403 (ممنوع) لاسم النطاق x.x.fbcdn.net (محدد باللون الأصفر). الخطوة التالية ستكون التحقيق بشكل أعمق لماذا هذه الطلبات ممنوعة. 
    har-status-code.jpg

  3. في البلد التي يكون فيها الوصول إلى جوجل مقيدًا (مثل الصين)، الوصول إلى محلل HAR من جوجل غير ممكن. في هذه الحالة، يمكنك تحميل بيانات HAR في نفس أداة المطور التي تم جمع البيانات فيها، ثم يمكنك الفرز حسب رمز حالة HTTP بترتيب تنازلي.
    har-sort.jpg

 

وقت تحميل صفحة الويب طويل

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

خطوات

  1. قم بتحميل البيانات المجموعة من HAR في محلل HAR من جوجل
  2. انقر على الطلب الذي يتأخر في الاستجابة (عادةً ما يكون الشريط الأطول عند عرض الوقت الإجمالي)

  3. تحقق من ما هو المساهم الرئيسي في التأخير (الحجب، الانتظار أو الاستلام)
    مجالات التوقيت المهمة
    الوقت المحجوب - الوقت الذي استغرقه الطلب في الانتظار قبل أن يتمكن المتصفح من إرساله.
    وقت الانتظار - مقدار الوقت المنتظر الذي استغرقه الخادم للاستجابة. إذا كانت هذه القيمة عالية، قد يعني ذلك أن الخادم مشغول أو يعاني من مشكلة في الأداء. أدناه يمكننا أن نرى هناك حوالي 5 ثواني من وقت الانتظار من الخادم:
    har-longpageload.jpgوقت الاستلام هذا هو مقدار الوقت الذي استغرقه الخادم لنقل المعلومات المطلوبة إلى العميل. عادةً هذا هو المكان الذي نكشف فيه عن وجود مشكلة في الشبكة. 

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

  4. في البلد التي يكون فيها الوصول إلى جوجل مقيدًا (مثل الصين)، لا يمكن الوصول إلى محلل HAR من جوجل. في هذه الحالة، يمكنك تحميل بيانات HAR في نفس أداة المطور التي تم جمع البيانات فيها.
  5. التحليل سيكون مشابه للخطوة 2 حيث نركز على تحديد الاتصالات ذات أطول أوقات استجابة. للتوضيح، في لقطة الشاشة المتوفرة أدناه، تحت قسم النظرة العامة، يمكننا ملاحظة عدة اتصالات تعاني من تأخير كبير في التحميل. من خلال تسليط الضوء على هذه الاتصالات ضمن قسم النظرة العامة، يمكننا تحديد بعض الطلبات التي تستغرق أكثر من 30 ثانية للتحميل. اختيار واحدة من هذه الاتصالات يوضح أنها طلب إلى app.launchdarkly.com.
    har-longpageload.-1jpg.jpg
  6. بمجرد تحديد الطلبات التي تواجه أوقات تحميل طويلة، يمكن إجراء مزيد من التحقيق لمعرفة السبب الأساسي للتأخير. أحد العوامل المحتملة للاستكشاف هو وجود جدران نارية ميدانية قد تقوم بحجب هذه الطلبات.
  7. في بعض المناطق، مثل الصين، من المعروف بوجود أن بعض الطلبات المعلقة لفترة طويلة داخل التطبيقات قد تُعزى إلى متتبعات مدمجة. لمزيد من التفاصيل، ارجع إلى الصين | مشكلة عرض صفحة الويب.

هل كان هذا المقال مفيداً؟

1 من 2 وجدوا هذا مفيداً

لا توجد تعليقات