ترجمه‌ی عملکرد JavaScript

چگونه کد 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 مشخص می‌کند که اسکریپت باید پس از تحلیل کامل صفحه اجرا شود، اما این ویژگی فقط برای اسکریپت‌های خارجی اعمال می‌شود.

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

مثال

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

از استفاده از with خودداری کنید

از استفاده از آن خودداری کنید. with واژه کلیدی. این بر روی سرعت تأثیر منفی دارد. همچنین ممکن است باعث تاریک‌سازی محدوده JavaScript شود.

در حالت Strict Mode.ممنوع. واژه کلیدی with.