عزِّز مهاراتك في تحليل الأداء من خلال Lighthouse و"أدوات مطوري البرامج في Chrome".
بصفتك مطوِّرًا، لا يمكنك غالبًا التحكّم في النصوص البرمجية التابعة لجهات خارجية التي يحمّلها موقعك الإلكتروني. قبل أن تتمكّن من تحسين محتوى تابع لجهة خارجية، عليك إجراء بعض التحقيقات لمعرفة سبب بطء موقعك الإلكتروني. 🕵️
ستتعرّف في هذه المشاركة على كيفية استخدام Lighthouse وأدوات مطوّري البرامج في Chrome لتحديد الموارد البطيئة التابعة لجهات خارجية. تتناول المشاركة أساليب فعّالة تتزايد يتم استخدامها معًا على أفضل نحو.
إذا كانت لديك 5 دقائق فقط
يساعدك تدقيق الأداء في Lighthouse في اكتشاف فرص لزيادة سرعة تحميل الصفحات. من المرجّح أن تظهر النصوص البرمجية البطيئة التابعة لجهات خارجية في قسم بيانات التشخيص ضمن عمليات التدقيق في تقليل وقت تنفيذ JavaScript وتجنُّب الأحمال الضخمة للشبكة.
لإجراء عملية تدقيق، يُرجى اتّباع الخطوات التالية:
- اضغط على "Control+Shift+J" (أو "Command+Option+J" على نظام التشغيل Mac) لفتح "أدوات مطوّري البرامج".
- انقر على علامة التبويب Lighthouse.
- انقر على الأجهزة الجوّالة.
- ضَع علامة في مربّع الاختيار الأداء. (يمكنك محو باقي مربّعات الاختيار في قسم "عمليات التدقيق").
- انقر على شبكة الجيل الثالث سريعة المحاكاة، بطء وحدة المعالجة المركزية 4x (CPU).
- ضَع علامة في مربّع الاختيار محو مساحة التخزين.
- انقر على إجراء عمليات التدقيق.
استخدام الجهات الخارجية
يعرض تدقيق استخدام الجهات الخارجية في Lighthouse قائمة بمقدّمي الخدمات الخارجيين الذين تستخدمها إحدى الصفحات. يمكن أن تساعدك هذه النظرة العامة في فهم الصورة العامة بشكل أفضل وتحديد الرموز المكرّرة التابعة لجهة خارجية. يتوفّر التدقيق في إضافة Lighthouse وستتم إضافته قريبًا إلى "أدوات مطوري البرامج" في الإصدار Chrome 77.
تقليل وقت تنفيذ JavaScript
تعمل عملية التدقيق في Lighthouse على تقليل وقت تنفيذ JavaScript على إبراز النصوص البرمجية التي تستغرق وقتًا طويلاً في التحليل أو التجميع أو التقييم. ضَع علامة في مربّع الاختيار إظهار موارد الجهات الخارجية لاستكشاف النصوص البرمجية التابعة لجهات خارجية التي تستهلك وحدة المعالجة المركزية (CPU).
تجنُّب الأحمال الضخمة للشبكة
يعمل تدقيق Lighthouse على تحديد تجنُّب حمولات البيانات الضخمة في الشبكة، وذلك لتحديد طلبات الشبكة، بما في ذلك الطلبات الواردة من الجهات الخارجية، والتي قد تؤدي إلى إبطاء وقت تحميل الصفحة. ويتعذّر إجراء التدقيق عندما تتجاوز حمولة الشبكة 4,000 كيلوبايت.
حظر طلبات الشبكة في "أدوات مطوري البرامج في Chrome"
يتيح لك حظر طلبات الشبكة في "أدوات مطوري البرامج في Chrome" الاطّلاع على سلوك صفحتك عند عدم توفّر نص برمجي أو ورقة أنماط أو مورد آخر معيّن. بعد تحديد النصوص البرمجية التابعة لجهات خارجية والتي تشك في أنها تؤثر في الأداء، قِس مدى تغير وقت التحميل من خلال حظر الطلبات الواردة إلى هذه النصوص البرمجية.
لتفعيل حظر الطلبات: 1- اضغط على "Control+Shift+J" (أو "Command+Option+J" على نظام التشغيل Mac) لفتح "أدوات مطوّري البرامج". 1- انقر على علامة التبويب الشبكة. 1- انقر بزر الماوس الأيمن على أي طلب في لوحة الشبكة. 1- اختَر حظر عنوان URL للطلب.
ستظهر علامة التبويب طلب حظر في درج "أدوات مطوري البرامج". ويمكنك إدارة الطلبات التي تم حظرها هناك.
لقياس تأثير النصوص البرمجية التابعة لجهات خارجية:
- يمكنك قياس المدة التي يستغرقها تحميل صفحتك باستخدام لوحة الشبكة. لمحاكاة الظروف الفعلية، فعِّل تقييد الشبكة وتقييد وحدة المعالجة المركزية. (في الاتصالات الأسرع وأجهزة سطح المكتب، قد لا يكون تأثير النصوص البرمجية باهظة الثمن تمثيليًا كما هو الحال على الهاتف الجوّال).
- احظر عناوين URL أو النطاقات المسؤولة عن النصوص البرمجية التابعة لجهات خارجية والتي تعتقد أنّها مشكلة.
- يمكنك إعادة تحميل الصفحة وإعادة قياس المدة التي يستغرقها التحميل بدون النصوص البرمجية المحظورة التابعة لجهات خارجية.
من المفترض أن تلاحظ تحسنًا في السرعة، ولكن قد لا يكون لحظر النصوص البرمجية التابعة لجهات خارجية التأثير المتوقّع من حين لآخر. في هذه الحالة، يمكنك تقليل قائمة عناوين URL المحظورة إلى أن يتم عزل العنوان المتسبب في حدوث البطء.
تجدر الإشارة إلى أنّ إجراء ثلاث عمليات قياس أو أكثر والاطّلاع على القيم المتوسطة من المحتمل أن يؤدي إلى نتائج أكثر ثباتًا. وبما أنّ المحتوى التابع لجهات خارجية يمكن أن يستعين أحيانًا بمصادر مختلفة لكل تحميل للصفحة، يمكن أن يمنحك هذا الأسلوب تقديرًا واقعيًا أكثر. أصبحت "أدوات مطوري البرامج" متوافقة الآن مع تسجيلات متعدّدة في لوحة الأداء، ما يسهّل هذه العملية.