يوضح تقرير تغطية JavaScript الشيفرة التي نُفّذت خلال فترة المراقبة. قد تكون الشيفرة غير المنفّذة عند التحميل الأولي مطلوبة لقائمة أو لإتمام الشراء أو لمسار آخر. استخدم التقرير لاختيار ما يستحق الفحص، ثم تحقق من مسارات الاستخدام المتأثرة قبل تعديل الحزمة.
ابدأ بالمورد والشروط
شغّل Milten JS Scanner للصفحة التي تريد فحصها. احفظ عنوان URL والتاريخ وشروط الاختبار مع النتيجة. تراقب الأداة تحميل صفحة واحدة دون نقر أو تمرير. وهي تعرض تحميل البرامج النصية وتغطية الشيفرة وأخطاء JavaScript، لكنها لا تثبت أن ملفًا ما غير ضروري في الموقع كله.
قارن بيانات تحميل الملف ببيانات تنفيذ شيفرته. فحجم النقل الكبير ووقت التنفيذ الطويل وارتفاع نسبة الشيفرة غير المنفّذة ملاحظات مختلفة. قد يُنزّل البرنامج النصي بسرعة، لكنه يشغل الخيط الرئيسي للتنفيذ وقتًا طويلًا. أما الملف الذي لم يُحمّل فلا يقدّم قياسًا مفيدًا لتنفيذه في تلك المحاولة.
تأمّل مثالًا توضيحيًا لإتمام الشراء
لنفترض أن app.js يتضمن شيفرة الصفحة المقصودة وشيفرة إتمام الشراء. لا تُنفّذ وظيفة إتمام الشراء عند فتح الصفحة المقصودة. هذا مثال تعليمي، وليس نتيجة مقاسة لدى عميل.
حدّد عنوان URL للمورد وافحص طريقة استيراده في الصفحة. افتح مسار إتمام الشراء، واستخدم القائمة، وزُر صفحات أخرى تشترك في الحزمة. سجّل الإجراءات التي اختبرتها. تتيح أداة Coverage في Chrome DevTools مواصلة التسجيل أثناء التفاعل مع الصفحة. تغطي هذه المراقبة نطاقًا أوسع من فحص التحميل الأولي وحده.
إذا كانت شيفرة إتمام الشراء مطلوبة، فسيؤدي حذفها إلى تعطيل وظيفة مفيدة. يمكن دراسة تحميل هذه الوظيفة عند وصول المستخدم إلى تلك الخطوة. يعتمد القرار على التطبيق وتأثيره في التفاعل التالي.
استخدم خرائط المصدر عندما تكون متاحة
تربط خريطة المصدر الحزمة المولّدة بوحدات الشيفرة الأصلية. يحتاج عرض الوحدات في Milten إلى خريطة صالحة ومدعومة تستطيع الأداة قراءتها. من دونها، يبقى هذا الجزء من التقرير غير مكتمل، لكن معلومات الموارد والأخطاء قد تساعد في تضييق نطاق البحث.
إذا لم تتوفر خريطة قابلة للاستخدام، فافحص مسار استيراد المورد ومخرجات البناء. غياب عرض الوحدات لا يعني أن الشيفرة كلها نُفّذت. يشرح دليل خرائط المصدر من MDN العلاقة بين الشيفرة المولّدة والشيفرة الأصلية.
قم بإجراء تغيير واحد واختبر الرحلة المتأثرة
اختر فرصة مؤكدة، مثل فصل ميزة غير مستخدمة بشكل متكرر أو تأخير التكامل الاختياري. اجعل التغيير صغيرًا بما يكفي للمقارنة. تأكد من أن الميزة المطلوبة لا تزال تعمل، ومن عدم ظهور أخطاء جديدة في وحدة التحكم ومن قيام الشبكة بتحميل الملفات المقصودة.
استخدم Speed Scanner لفحص التحميل وINP Scanner للتحقيق في تفاعل بطيء. لا تقيس TBT والمهام الطويلة عند التحميل الأولي الشيء نفسه الذي يقيسه INP من زيارات فعلية. إذا تراكمت كائنات بعد تنقلات متكررة، فاستخدم Memory Leaks وأعد تنفيذ المسار المبلّغ عنه.
قارن الاختبارات في ظروف متماثلة
أعد اختبار عنوان URL نفسه في ظروف الجهاز والشبكة والتخزين المؤقت نفسها. احتفظ بالتقريرين وسجّل التفاعلات التي اختبرتها يدويًا. تحقق من نسخة الإنتاج بعد نشر التعديل، فقد تتصرف نسخة التطوير بصورة مختلفة.
هل يمكنني إزالة كل بايت غير منفذ؟
لا، النتيجة تصف فترة مراقبة، وليس كل حالة محتملة للتطبيق. اختبر الإجراءات ذات الصلة والمسارات المشتركة قبل إزالة التعليمات البرمجية.
هل تضمن الحزمة الأصغر صفحة أسرع؟
لا. يؤثر أيضًا ترتيب التحميل واستجابة الخادم وتنفيذ الشيفرة والتفاعلات اللاحقة. قارن مسار الاستخدام إلى جانب حجم الملف.
تحليل جافا سكريبت للصفحة. للحصول على سياق التحميل الأوسع، اقرأ سرعة الموقع وSEO.
