چگونه می توانیم کد جاوا اسکریپت خود را بهینه سازی کنیم و سرعت اجرای آن را افزایش دهیم.
فعالیت را در حلقه ها کاهش دهید
از حلقه ها اغلب در برنامه نویسی استفاده می شود.
هر دستور در یک حلقه ، از جمله دستور for ، برای هر تکرار حلقه اجرا می شود.
عبارات یا تکالیفی که می توانند خارج از حلقه قرار بگیرند باعث می شود که این حلقه سریعتر اجرا شود.
بد:
var i;
for (i = ۰; i < arr.length; i++) {
کد بهتر:
var i;
var l = arr.length;
for (i = ۰; i < l; i++) {
کد بد با هر بار تکرار حلقه به ویژگی طول یک آرایه دسترسی پیدا می کند.
کد بهتر به ویژگی طول خارج از حلقه دسترسی پیدا می کند و باعث می شود که حلقه سریعتر اجرا شود.
دسترسی DOM را کاهش دهید
دسترسی به HTML DOM در مقایسه با سایر عبارات JavaScript بسیار کند است.
اگر انتظار دارید چندین بار به یک عنصر DOM دسترسی پیدا کنید ، یک بار به آن دسترسی پیدا کنید و از آن به عنوان یک متغیر محلی استفاده کنید:
مثال
var obj;
obj = document.getElementById(“demo”);
obj.innerHTML = “Hello”;
اندازه DOM را کاهش دهید
تعداد عناصر موجود در HTML DOM را کم نگه دارید.
این همیشه بارگذاری صفحه را بهبود می بخشد ، و سرعت ارائه (نمایش صفحه) ، به ویژه در دستگاه های کوچکتر را افزایش می دهد.
هر تلاشی برای جستجوی DOM (مانند getElementByTagName) از یک DOM کوچکتر بهره مند می شود.
از متغیرهای غیرضروری اجتناب کنید
اگر قصد ذخیره مقادیر را ندارید ، متغیرهای جدید ایجاد نکنید.
غالباً می توانید کدی را مانند این جایگزین کنید:
var fullName = firstName + ” “ + lastName;
document.getElementById(“demo”).innerHTML = fullName;
با این:
document.getElementById(“demo”).innerHTML = firstName + ” “ + lastName;
تأخیر در بارگیری JavaScript
قرار دادن اسکریپت های خود در پایین بدنه صفحه به مرورگر اجازه می دهد تا ابتدا صفحه را بارگیری کند.
هنگام بارگیری اسکریپت ، مرورگر هیچ بارگیری دیگری را شروع نمی کند. علاوه بر این ممکن است کلیه فعالیت های تجزیه و تحلیل مسدود شود.
مشخصات HTTP تعریف می کند که مرورگرها نباید بیش از دو جز components را به طور موازی بارگیری کنند.
یک گزینه جایگزین استفاده defer="true"
از برچسب اسکریپت است. ویژگی defer مشخص می کند که اسکریپت باید پس از پایان تجزیه صفحه اجرا شود ، اما این فقط برای اسکریپت های خارجی کار می کند.
در صورت امکان ، پس از بارگیری صفحه ، می توانید اسکریپت خود را با کد به صفحه اضافه کنید:
مثال
<script>
window.onload = function() {
var element = document.createElement(“script”);
element.src = “myScript.js”;
document.body.appendChild(element);
};
</script>
از with
استفاده نکنید
از استفاده از with
کلمه کلیدی خودداری کنید . در سرعت تأثیر منفی دارد. همچنین دامنه های جاوا اسکریپت را بهم می زند.
with
کلمه کلیدی مجاز نیست در حالت سخت.
امیدواریم آموزش افزایش کارایی در جاوا اسکریپت نیز برای شما مفید واقع شده باشد .برای مطالعه پستهای بیشتر ، ما را در مدرسه کدنویسی تلگرام و یا در تی جوان اینستاگرام دنبال کنید.
نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.