جاوا اسکریپت را به توربوشارژ مجهز کنید!




متدهایی که باعث کمتر شدن پرفورمنس برنامه در جاوا اسکریپت می شوند:

  • استفاده از حلقه های for به جای forEach: حلقه های for به طور کلی کندتر از forEach هستند، زیرا forEach به طور خاص برای پیمایش آرایه ها با تعداد کوچیک طراحی و بهینه شده است.

مثال:


  • استفاده از concat به جای spread syntax: concat برای اتصال آرایه ها کندتر از spread syntax است.

مثال:


  • استفاده از innerHTML به جای DOM methods: innerHTML برای دستکاری DOM کندتر از DOM methods است.

مثال:


استفاده از querySelectorAll به جای getElementById: querySelectorAll برای انتخاب عناصر DOM کندتر از getElementById است، زیرا باید تمام عناصر DOM را جستجو کند.

مثال:


  • استفاده از setTimeout به جای requestAnimationFrame: setTimeout برای انیمیشن ها کندتر از requestAnimationFrame است، زیرا requestAnimationFrame با نرخ تازه‌سازی صفحه همگام‌سازی می‌شود.

مثال:


متدهایی که باعث بیشتر شدن پرفورمنس برنامه در جاوا اسکریپت می شوند:

  • استفاده از حافظه پنهان: ذخیره داده ها در حافظه پنهان می تواند به طور قابل توجهی پرفورمنس برنامه را افزایش دهد، زیرا از بارگیری مجدد داده ها از سرور جلوگیری می کند.
  • استفاده از کتابخانه ها: کتابخانه های جاوا اسکریپت زیادی وجود دارند که می توانند برای انجام وظایف رایج مانند دستکاری DOM، AJAX و انیمیشن استفاده شوند. استفاده از کتابخانه ها می تواند به شما کمک کند تا کد خود را کوتاه تر و کارآمدتر کنید.
  • فشرده سازی کد: فشرده سازی کد می تواند حجم فایل جاوا اسکریپت شما را کاهش دهد، که به نوبه خود می تواند زمان بارگیری را کاهش دهد.
  • استفاده از CDN: استفاده از CDN می تواند به شما کمک کند تا کد جاوا اسکریپت خود را سریعتر به کاربران خود ارائه دهید. CDN شبکه ای از سرورها است که در سراسر جهان توزیع شده اند.
  • آزمایش و پروفایل: مهم است که عملکرد برنامه خود را آزمایش و پروفایل کنید تا بتوانید گلوگاه ها را شناسایی کرده و آنها را بهبود بخشید.

نکته: این فقط لیست مختصری از متدهایی است که می توانند بر پرفورمنس برنامه شما تأثیر بگذارند. برای اطلاعات بیشتر، به منابع زیر مراجعه کنید:

  • راهنمای پرفورمنس جاوااسکریپت:

https://developers.google.com/web/fundamentals/performance/critical-rendering-path

  • نکاتی برای بهبود پرفورمنس جاوا اسکریپت:

https://www.w3schools.com/js/js_performance.asp


این یکی از صدها مطلب و نکاتی هستش که ما توی چنل تلگراممون قرار میدیم. ما اونجا حتی یه گروهم داریم که نزدیک به 1000 نفر عضو داره و هر سوالی در رابطه با جاوااسکریپت و ریکت و بک اند و ... داشته باشید اعضای گروه کمکتون میکنن

ضمنا بهترین دوره جاوااسکریپت جهان رو هم داخلش قرار دادیم کاملا رایگان ✌️

یه سر بهمون بزن ❤️

https://t.me/js_challenges

نویسنده این مقاله کوتاه :

https://www.linkedin.com/in/amir-nobari1990/

https://github.com/amirnobari