عندما يستغرق تنفيذ JavaScript وقتًا طويلاً، يؤدي ذلك إلى إبطاء أداء صفحتك بعدّة طرق:
تكلفة الشبكة
فالمزيد من وحدات البايت تساوي أوقات تنزيل أطول.
تكلفة التحليل والتجميع
يتم تحليل JavaScript وتجميعها في سلسلة التعليمات الرئيسية. عندما تكون سلسلة التعليمات الرئيسية مشغولةً، لا يمكن للصفحة الردّ على البيانات التي أدخلها المستخدم.
تكلفة التنفيذ
يتم تنفيذ JavaScript أيضًا على سلسلة التعليمات الرئيسية. إذا شغّلت صفحتك الكثير من الرموز قبل الحاجة إليها، سيؤدي ذلك أيضًا إلى تأخير وقت التفاعل، وهو أحد المقاييس الرئيسية المرتبطة بكيفية تقدير المستخدمين لسرعة صفحتك.
تكلفة الذاكرة
إذا احتوت لغة JavaScript على الكثير من المراجع، من المحتمل أن تستهلك مساحة كبيرة من الذاكرة. تظهر الصفحات رديئة أو بطيئة عندما تستهلك قدرًا كبيرًا من الذاكرة. يمكن أن يؤدي تسرُّب الذاكرة إلى تجميد صفحتك تمامًا.
كيفية تعذُّر تدقيق وقت تنفيذ Lighthouse في JavaScript
تعرض خدمة Lighthouse تحذيرًا عندما تستغرق عملية تنفيذ JavaScript أكثر من ثانيتين. يتعذّر التدقيق عندما تستغرق عملية التنفيذ أكثر من 3.5 ثوانٍ:
![لقطة شاشة تُظهر عملية تدقيق وقت تنفيذ JavaScript في Lighthouse Reduce](https://developer.chrome.com/static/docs/lighthouse/performance/bootup-time/image/a-screenshot-the-lightho-c3740d2b20198.png?authuser=6&hl=ar)
لمساعدتك في تحديد أكبر المساهمين في وقت التنفيذ، تسجّل أداة Lighthouse الوقت المستغرق في تنفيذ كل ملف JavaScript يتم تحميله على صفحتك وتقييمه وتحليله.
كيفية تسريع عملية تنفيذ JavaScript
- لا ترسِل الرمز الذي يحتاجه المستخدمون إلا من خلال تنفيذ تقسيم الرمز.
- تصغير الرمز وضغطه
- إزالة الرموز غير المستخدَمة
- يمكنك تقليل رحلات الشبكة من خلال تخزين الرمز مؤقتًا باستخدام نمط PRPL.
للتعرّف على طرق أخرى لتحسين تحميل الصفحة، اطّلِع على الصفحة المقصودة لعمليات تدقيق الأداء.