كيفية تسريع شفرة جافا سكريبت.
خفض آخر في حلقات
وغالبا ما تستخدم الحلقات في البرمجة.
كل بيان في حلقة، بما في ذلك for بيان، ويتم تنفيذه عن كل تكرار للحلقة.
بحث عن البيانات أو المهام التي يمكن وضعها خارج الحلقة.
كود السيئة:
for (i = 0; i < arr.length; i++) {
أفضل الرمز:
l = arr.length;
for (i = 0; i < l; i++) {رمز سيئة يصل الممتلكات طول مجموعة في كل مرة يتم التكرارية الحلقة.
رمز أفضل بالوصول إلى الممتلكات طول خارج الحلقة، ويجعل على المدى حلقة أسرع.
تقليل DOM الوصول
الوصول إلى DOM HTML بطيئة جدا، بالمقارنة مع البيانات جافا سكريبت أخرى.
إذا كنت تتوقع الوصول إلى عنصر DOM عدة مرات، والوصول مرة واحدة، واستخدامه بمثابة متغير محلي:
تقليل حجم DOM
إبقاء عدد من العناصر في HTML DOM صغيرة.
وهذا دائما تحسين تحميل الصفحة، وتسريع تقديم (عرض الصفحة)، وخاصة على الأجهزة الأصغر حجما.
فإن كل محاولة للبحث في DOM (مثل getElementsByTagName) الاستفادة من DOM أصغر.
تجنب المتغيرات غير الضرورية
لم تقم بإنشاء متغيرات جديدة إذا كنت لا تخطط لحفظ القيم.
غالبا ما يمكنك استبدال قانون من هذا القبيل:
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
مع هذا:
document.getElementById("demo").innerHTML = firstName + " " + lastName
تأخير جافا سكريبت تحميل
وضع البرامج النصية في الجزء السفلي من الجسم الصفحة، ويتيح للمتصفح تحميل الصفحة أولا.
في حين أن السيناريو هو تنزيل، لن يقوم المتصفح يبدأ أي التنزيلات الأخرى. وبالإضافة إلى ذلك قد يكون قد تم حظره عن تحليل وتقديم النشاط.
يعرف مواصفات HTTP أن المتصفحات لا ينبغي تحميل أكثر من مكونين في نفس الوقت.
والبديل هو استخدام defer="true" في علامة النصي. تحدد السمة إرجاء أن السيناريو يجب أن يتم تنفيذها بعد الصفحة انتهى تحليل، لكنه يعمل فقط للمخطوطات الخارجية.
إذا كان ذلك ممكنا، يمكنك إضافة النص الخاص بك إلى الصفحة عن طريق الرمز، بعد تحميل الصفحة:
مثال
<script>
window.onload = downScripts;
function downScripts() {
var element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
}
</script>تجنب استخدام مع
تجنب استخدام مع الكلمة. يكون لها تأثير سلبي على سرعة. كما يبعثر فوق نطاقات جافا سكريبت.
لا يسمح للمع الكلمة في وضع دقيق.