أداء JavaScript

أداء الويب هو مؤشر قياس موضوعي، وهو أيضًا إدراك وتجربة المستخدم أثناء تحميل وتشغيل.

أداء الويب هو وقت تحميل الويب، التفاعل والاستجابة، ومدى سلاسة محتوى عملية التفاعل المستخدم.

عديد من الوظائف تؤثر على الأداء، بما في ذلك التأخير، حجم التطبيق، عدد عناصر DOM، عدد الطلبات التي يتم إرسالها لل موارد، أداء JavaScript، تحميل CPU، وما إلى ذلك.

كيفية تحسين أداء الويب؟

تقليل نشاط الدورة

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

في المثال التالي، نحن نستخدم طول الخاصية الخاصة بالقائمة في كل دورة:

لـ (لـ (تعـ (0; i < طول arr; i++) {

في المثال التالي، نحن نستخدم length الخاصية خارج الدورة، مما يجعل الدورة تعمل بشكل أسرع:

حجم = طول arr;
لـ (لـ (تعـ (0; i < حجم; i++) {

زيادة كفاءة الوصول إلى DOM

مقارنة بالجملة JavaScript الأخرى، زمن الوصول إلى DOM HTML بطيء جدًا.

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

ضع JavaScript في نهاية الصفحة

ضع السكريpt في نهاية النص الرئيسي للصفحة، حتى يمكن للمتصفح تحميل الصفحة أولاً.

عند تنزيل السكريpt، لن يبدأ المتصفح في أي تنزيل آخر، وقد يتم منع جميع الأنشطة التحليلية والتصييرية.

يمكنك استخدام طريقة بديلة في علامة السكريptdefer="true". هذاالتأخيريجب أن يتم تحديد الخاصية بعد إكمال تحليل الصفحة للسكرت، ولكن يُستخدم فقط للسكريpts الخارجية.

لا تستخدم كلمة المفتاحية with

يُعتبر keyword with "مزيجًا من المزايا والعيوب

على الرغم من أن with يبسط عملية التعامل مع الخصائص المحلية، فإن استخدام with يزيد من تكلفة البحث عن المتغيرات في نطاقات أخرى.

لا يسمح النمط المشدد باستخدام الكلمات المفتاحية.

أقل طلبات HTTP

لتحقيق أقل عدد ممكن من طلبات HTTP، قم بدمج الملفات الخارجية وتضمين JavaScript مباشرة في صفحة HTML.

سيؤدي كل زيارة فريدة إلى الخادم عبر HTTP إلى تأخير كبير.

لا تستخدم نفس السكريpt مرتين

السكرتات المكررة ستؤدي إلى تأثير كبير على الأداء. ستؤدي السكرتات المكررة إلى إنشاء طلبات غير ضرورية عبر HTTP، خاصة في متصفح IE.

لا تستخدم eval()

على الرغم من ذلك،eval()الدالة هي طريقة جيدة لتشغيل أي كود، ولكن يجب تفريغ كل سلسلة من الأحرف المرسلة إلى دالة eval على الفور. يتم إنتاج تكلفة عند وصول كل تنفيذ إلى دالة الطلب eval.