٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش عملکرد جاوا اسکریپت

چگونه می توان کد JavaScript خود را سرعت بخشید. کاهش فعالیت در حلقه ها از حلقه ها اغلب در برنامه نویسی استفاده می شود. هر دستور در یک حلقه ، از جمله دستور for ، برای هر تکرار حلقه اجرا…

محمد یوسفی

23 جولای 2021

چگونه می توان کد JavaScript خود را سرعت بخشید.


کاهش فعالیت در حلقه ها

از حلقه ها اغلب در برنامه نویسی استفاده می شود.

هر دستور در یک حلقه ، از جمله دستور for ، برای هر تکرار حلقه اجرا می شود.

عبارات یا تکالیفی که می توانند خارج از حلقه قرار بگیرند باعث می شود که حلقه سریعتر اجرا شود.

بد:

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

کد بهتر:

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

کد بد با هر بار تکرار حلقه به ویژگی طول یک آرایه دسترسی پیدا می کند.

کد بهتر به ویژگی طول خارج از حلقه دسترسی پیدا می کند و باعث می شود که حلقه سریعتر اجرا شود.


دسترسی DOM را کاهش دهید

دسترسی به HTML DOM در مقایسه با سایر عبارات JavaScript بسیار کند است.

اگر انتظار دارید چندین بار به یک عنصر DOM دسترسی پیدا کنید ، یک بار به آن دسترسی پیدا کنید و از آن به عنوان یک متغیر محلی استفاده کنید:

مثال

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

اندازه DOM را کاهش دهید

تعداد عناصر موجود در HTML DOM را کم نگه دارید.

این همیشه بارگیری صفحه را بهبود می بخشد ، و سرعت ارائه (نمایش صفحه) ، به ویژه در دستگاه های کوچکتر را افزایش می دهد.

هر تلاشی برای جستجوی DOM (مانند getElementByTagName) از یک DOM کوچکتر بهره مند می شود.


از متغیرهای غیرضروری اجتناب کنید

اگر قصد ذخیره مقادیر را ندارید ، متغیرهای جدید ایجاد نکنید.

غالباً می توانید کدی را مانند این جایگزین کنید:

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

با این:

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

تأخیر در بارگیری JavaScript

قرار دادن اسکریپت های خود در پایین بدنه صفحه به مرورگر اجازه می دهد تا ابتدا صفحه را بارگیری کند.

هنگام بارگیری اسکریپت ، مرورگر هیچ بارگیری دیگری را شروع نمی کند. علاوه بر این ممکن است تمام فعالیت های تجزیه و تحلیل مسدود شود.

مشخصات HTTP تعریف می کند که مرورگرها نباید بیش از دو جز components را به طور موازی بارگیری کنند.

یک گزینه جایگزین استفاده defer="true"از برچسب اسکریپت است. ویژگی defer مشخص می کند که اسکریپت باید پس از پایان تجزیه صفحه اجرا شود ، اما این فقط برای اسکریپت های خارجی کار می کند.

در صورت امکان ، پس از بارگیری صفحه ، می توانید اسکریپت خود را با کد به صفحه اضافه کنید:

مثال

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

از استفاده با استفاده نکنید

از استفاده از withکلمه کلیدی خودداری کنید . روی سرعت تأثیر منفی می گذارد. همچنین دامنه های جاوا اسکریپت را بهم می زند.

withکلمه کلیدی مجاز نیست در حالت سخت.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها