أداء جافا سكربت

كيفية تسريع كود JavaScript الخاص بك.

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

استخدام الدوران في البرمجة يحدث غالباً.

في كل دورة من الدوران، كل تعليمات الدوران، بما في ذلك for التعليمات، سيتم تنفيذها.

التعليمات أو التعيينات التي يمكن وضعها خارج الدوران ستسرع دورانها.

الكود السيء:

var i;
for (i = 0; i < arr.length; i++) {

الكود الأفضل:

var i;
var l = arr.length;
for (i = 0; i < l; i++) {

في كل دورة من الدوران، الكود السيء يزور length الخصائص.

جيد الكود يزور العناصر خارج الدوران length الخصائص، مما يجعل الدوران أسرع.

تقليل زيارات DOM

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

إذا كنت تتوقع الوصول إلى عنصر DOM عدة مرات، فاستخدمه مرة واحدة فقط وأضعه كمتغير محلي:

مثال

var obj;
obj = document.getElementById("demo");
obj.innerHTML = "Hello";

جرب ذلك بنفسك

تقليل حجم DOM

الرجاء الحفاظ على عدد العناصر في HTML DOM أقل.

هذا سيزيد من وقت تحميل الصفحة ويسرع عملية التلوين (عرض الصفحة)، خاصةً على الأجهزة الصغيرة.

كل مرة تحاول البحث في DOM (مثل getElementsByTagNameكلها ستستفيد من DOM أصغر.

تجنب المتغيرات غير الضرورية

لا تقم بإنشاء متغيرات جديدة لا تخطط لتخزين القيم.

عادةً، يمكنك استبدال الكود:

var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;

استخدم هذا الكود:

document.getElementById("demo").innerHTML = firstName + " " + lastName

إرجاء تحميل JavaScript

الرجاء وضع السكربت في أسفل الصفحة، لجعل المتصفح يحمي الصفحة أولاً.

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

يحدد معيار HTTP أن لا ينبغي على المتصفح تنزيل أكثر من عناصر اثنين بشكل متوازي.

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

إذا كان ممكنًا، يمكنك إضافة سكريبت إلى الصفحة من خلال الكود بعد إكمال تحميل الصفحة:

مثال

<script>
window.onload = downScripts;
function downScripts() {
    var element = document.createElement("script");
    element.src = "myScript.js";
    document.body.appendChild(element);
}
</script>

تجنب استخدام with

يُفضل تجنب استخدامها. with كلمة المفتاح. إنها تؤثر على السرعة سلبًا. إنها أيضًا قد تربك مجال JavaScript.

في الوضع الصارم.غير مسموح. كلمة المفتاح with.