7 راهکار برای بهینه سازی کدهای جاوااسکریپت

people

علم برتر

    در این مقاله قصد داریم چند راهکار جهت بهینه سازی کدهای جاوااسکرپت به شما آموزش دهیم، که باعث بهبود سرعت وب سایت شما می شود.

    1. حذف کدها و ویژگی های بلااستفاده:

    کدهای زیاد در برنامه شما، باعث انتقال دیتاهای زیاد به سمت کلاینت می شود. همچنین این اتفاق باعث صرف زمان بیشتر جهت آنالیز و تفسیر در مروگر می شود.

    راهکار:

    حذف کدهای بلااستفاده به صورت دستی یا با استفاده از ابزارهایی مانند:

    • uglify یا بسته کامپایلر گوگل
    • استفاده از تکنینک لرزش درخت (tree shaking)

    2. کش در صورت امکان

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

    راهکار:

    • این کار از طریق کمک گرفتن از cache API یا HTTP Caching میسر می باشد.
    • چندین پکیج جهت کمک گرفتن وجود دارد مانند: npm-cache و npm-cache-install و ...

    3. جلوگیری از نشت حافظه

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

    Garbage Collection (جمع آوری زباله) روش مناسبی برای مدیریت حافظه در زبان های برنامه نویسی می باشد.

    حتی اگر Garbage Collection به صورت خودکار در جاوااسکریپت انجام شود، موارد خاصی وجود دارد که باعث می شود این کار کامل انجام نشود.

    راهکار:

    • شما می توانید جهت کسب اطلاعات بیشتر Waekmaps را بخوانید.

    4. سعی کنید زودتر از حلقه ها خارج شوید.

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

    راهکار:

    • می توانید از کلید واژه های Break و Continue استفاده کنید. وظیفه شما نوشتن کارآمدترین کد است.
    • مطالعه بیشتر درباره حلقه ها و بهینه سازی

     

    مقالات مرتبط با 7 راهکار برای بهینه سازی کدهای جاوااسکریپت