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

دسته بندی: آموزش
زمان مطالعه: 6 دقیقه
۱۵ آذر ۱۳۹۷

در برنامه نویسی با زبان جاوا اسکریپت یکی از مهم‌ترین مسائل بهینه سازی کدهای جاوا اسکریپت می‌باشد، بهینه سازی کدهای جاوا اسکریپت شاید برای تمامی افراد کار راحتی نباشد به همین دلیل تصمیم گرفتیم در این مطلب به بررسی ابزارهای بهینه سازی کدهای جاوا اسکریپت بپردازیم. اگر شما نیز جزو آن دسته از افرادی هستید که علاقه زیادی به این مسئله دارید بهتر است این مطلب را به صورت کامل مطالعه کنید تا اطلاعات کاملی درباره بهینه سازی کدهای جاوا اسکریپت بدست بیاورید و بتوانید کدهای خود را بهینه سازی کنید.

فهرست محتوای این مقاله

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

یکی از بهترین ابزارهای بهینه سازی کدهای جاوا اسکریپت ابزار Prepack می‌باشد، این ابزار دارای ویژگی‌های بسیار زیادی است که باعث خاص بودن آن شده است، یکی از برترین ویژگی‌های ابزار Prepack برای بهینه سازی کدهای جاوا اسکریپت این است که محاسباتی که می‌توانستند به جای run-time در زمان کامپایل انجام شوند حذف شده اند و این عامل روند بهینه سازی کدهای جاوا اسکریپت را بهبود بخشیده است. در واقع کاری که Prepack در هنگام بهینه سازی کدهای جاوا اسکریپت انجام می‌دهد این است که کدهای عمومی یک باندل جاوا اسکریپت را دریافت کرده و با کدهای مشابه و معادلی که دارای ساختار ساده‌تری می‌باشند جا به جا می‌کند، همین عامل می‌تواند برنامه نویس جاوا اسکریپت را از شر بسیاری از محاسبات پیچیده برای اشیا راحت کند.

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

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

برای نصب این ابزار ابتدا باید Cli را توسط npm نصب کنید، برای این کار کافی است کد زیر را وارد کنید:

Npm install –g prepack

 

البته بسیاری از افراد هستند که به جای cli علاقه زیادی به استفاده از yarn را دارند که برای نصب این ابزار نیز می‌توانید به طریق زیر عمل کنید:

Npm install -g yarn

 

حال کافی است توسط ابزار yarn ابزار Prepack را نصب کنید:

Yarn global add prepack

 

توجه داشته باشید که گاهی اوقات ممکن است به دستورات prepend و sedo نیز احتیاج پیدا کنید.

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

شروع کار با ابزار Prepack برای بهینه سازی کدهای جاوا اسکریپت

برای کار با این ابزار باید ابتدا دو نکته مهم را یاد بگیرید، نکته اول این است که برای کامپایل کردن فایل‌ها و چاپ خروجی‌های مورد نظر در کنسول کافی است قطعه کد زیر را وارد کنید:

Prepack script.js

 

حال گاهی اوقات نیاز پیدا می‌کنید که یک فایل را به صورت کامل کامپایل کرده و خروجی را در یک فایل دیگر قرار دهید که برای این کار نیز کافی است قطعه کد زیر را وارد کنید:

Prepack script.js –out script-processed.js

 

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

نصب Prepack API برای بهینه سازی کدهای جاوا اسکریپت

برای استفاده از ابزار Prepack برای بهینه سازی کدهای جاوا اسکریپت می‌توانید از API این ابزار نیز استفاده کنید، برای نصب این ابزار کافی است وارد محیط shell شده و دستور زیر را در آن وارد کنید:

Npm install –save-dev prepack

 

حال کدهای جاوا اسکریپت شما به شکل زیر در می‌آیند:

Var Prepack = require ( “prepack”) ;

Import { prepack, prepackFileSync } from ‘prepack’;

Import * as Prepack from ‘prepack’ ;

 

حال کد‌های شما به چند بخش تقسیم می‌شوند که در ادامه به بررسی هر یک از این بخش‌ها می‌پردازیم.

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

تقسیم بندی کدهای خروجی

رشته ها:

Prepack.prepack( codeString, options) // returns { code: string, map : SourceMap }

File Async :

Prepack.prepackFile( filename, options, callback) // callback ( error, { code: string, map: SourceMap } )

 

File sync:

Prepack.prepackFileSync( filename, options) // return { code: string, map: SourceMap }

 

به این ترتیب شما به صورت کامل کار کردن با ابزار Prepack برای بهینه سازی کدهای جاوا اسکریپت را یاد گرفتید و می‌توانید با استفاده از این ابزار اقدام به بهینه سازی کدهای جاوا اسکریپت کنید.

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

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

با ابزار Prepack برای بهینه سازی کدهای جاوا اسکریپت آشنا شدید و روش کار کردن با آن را نیز فرا گرفتید ولی باید بدانید که این ابزار تنها ابزار موجود برای بهینه سازی کدهای جاوا اسکریپت نمی‌باشد و ابزارهای دیگری نیز هستند که در برخی موارد حتی قوی‌تر از ابزار Prepack می‌باشند و بسیاری از برنامه نویسان جاوا اسکریپت از این ابزارها برای بهینه سازی کدهای جاوا اسکریپت خود استفاده می‌کنند، یکی از ابزارهای بسیار قوی دیگری که در این زمینه وجود دارد ابزار YUI Compressor می‌باشد، این ابزار قدرتمند این توانایی را داراست که با استفاده از آن بتوانید کدهای جاوا اسکریپت خود را بهینه سازی کنید و برنامه‌ها و اپلیکیشن هایی بهینه و قدرتمند طراحی کنید. ابزار YUI Compressor دارای ویژگی‌های بسیار زیادی است که باعث قوی بودن این ابزار شده اند، این ابزار توسط زبان برنامه نویسی جاوا نوشته شده است که یک زبان بسیار قدرتمند است، با استفاده از این ابزار می‌توانید فایل‌های خود را به صورت مستقیم وارد کرده و آن‌ها را بهینه سازی کنید.

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

روش کار کردن با ابزار YUI Compressor

وب سایت‌های بسیار زیادی هستند که این ابزار را به صورت آنلاین و رایگان در اختیار کاربران قرار می‌دهند با استفاده از یکی از این وب سایت‌ها می‌توانید کدهای خود را به صورت کپی پیست در یکی از باکس‌های صفحه اول این وب سایت‌ها قرار داده و یا آدرس فایل خود را قرار دهید و فایل را به صورت مستقیم برای این وب سایت‌ها آپلود کنید و بعد از این کار به راحتی اقدام به فشرده کردن این فایل کنید. بعد از آپلود کردن فایل مورد نظر و یا کپی پیست کردن کدهای خود به منظور بهینه سازی کدهای جاوا اسکریپت می‌توانید وارد بخش File Type شوید و در صورتی که قصد بهینه سازی کدهای جاوا اسکریپت را دارید گزینه JS و در صورتی که قصد بهینه سازی کدهای CSS را دارید گزینه CSS را انتخاب کنید، حال می‌توانید در قسمت options تنظیمات دلخواه خود را هم برای بهینه سازی کدهای جاوا اسکریپت و هم برای بهینه سازی کدهای CSS وارد کنید، تنظیماتی که در این بخش وجود دارند بسیار متنوع هستند، برای نمونه مثلا نحوه فشرده سازی و یا حذف کاراکترهای غیر ضروری در حین فشرده سازی کدها می‌باشد، با استفاده از این ابزار خیلی راحت می‌توانید اقدام به بهینه سازی کدهای جاوا اسکریپت کنید.

چه امتیازی به این مقاله می دید؟

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :