عنوان مقاله :

کم کردن حجم فایل های CSS - Javascript

گردآوری و تالیف : فرید محمدی
تاریخ انتشار : 21 مهر 1394
دسته بندی ها : آموزشی , css

با سلام خدمت دوستان در این مقاله طریقه ی فشرده سازی فایل های Css - javascript رو خدمتتون آموزش خواهم داد . هنگامی که شما چندین خط کد برای وب سایتتون می نویسید طبیعی هست که حجم اون فایل هم افزایش پیدا کنه و این خودش سرعت سایت رو کمی کند میکنه ، خوشبختانه وب سایت هایی موجود هستند که این مشکل رو برطرف می کنند و این نوع فایل ها رو فشرده سازی می کنند .

فشرده سازی فایل های CSS

برای فشرده سازی فایل css ابتدا می تونید وارد این لینک بشید ، در این سایت می تونید حتی ورژن ها پایین css مانند css1 رو نیز فشرده سازی کنید . بعد از ورود به سایت چنین تصویری رو مشاهده می کنید که درون کادر قرار داده شده می تونید فایل های css رو قرار بدید .

در بخش compression Level شما می تونید سطح فشرده سازی رو انتخاب کنید :
گزینه اول  Highest : این سطح بالاترین سطح می باشد بعد از فشرده شدن در این سطح کد ها در هم چسبیده می شوند و کار برای ادیت مجدد سخت می شود . 
گزینه ی دوم High : یک سطح از Highest پایین تر است و حجم فشرده شده ی آن کمی بیشتر از سطح اول می باشد . 
گزینه ی سوم Standard : فشرده سازی به طور استاندارد انجام می شود و کد ها خوانا تر از دو سطح بالاتر هستند . 
گزینه ی چهارم Low  : کد ها خوانا تر و سطح فشرده سازی از 3 گزینه ی بالا کم تر می باشد . 
شما می تونید بنابر نیاز خودتون سطح فشرده سازی رو انتخاب کنید .
در عکس پایین مشاهده می کنید که 5544 کلمه به 3907 فشرده سازی شده که این مقدار ذخیره سازی با حذف کردن کامنت ها در CSS و حذف کردن فضای خالی بین کد ها بدست آمده است ، در آخر هم می تونید کدی که در خروجی چاپ شده است رو جایگزین کد قبلی خودتون کنید . 

فشرده سازی فایل های Javascript

برای فشرده سازی جاوا اسکریپت از دو روش می توان عمل کرد :
1- فشرده سازی از طریق آپلود فایل
2- فشرده سازی از طریق کد 
برای این کار ابتدا وارد این لینک می شوید و کد جاوا اسکریپت رو در باکس مورد نظر قرار می دهید و بر روی Compress Javascript کلیک می کنید ، بعد از اتمام می تونید فایل فشرده شده رو از باکس output دانلود نمایید .

از طریق Upload Javascript Files می تونید به مقدار دلخواه فایل جاوا اسکریپت آپلود نمایید و مقدار فشرده شده رو دانلود نمایید . 

مقالات پیشنهادی

استایل آماده برای ویرایشگر متن wysiwyg

زمانی که شما از ویرایشگر wysiwyg در وبسایت های خودتان استفاده میکنید و یک سری متون را در دیتابیس ذخیره و در صفحه اصلی وبسایتان نمایش میدهید ، متوجه ای...

دییسبا فریمورکی بر پایه css و javascript

دییسبا یک سیستم طراحی وب است برای برنامه نویسی آسان و راحت برای کسانی که کمترین آشنایی با وب را دارند، یا حتی برای افراد حرفه ای دییسبا بر پایه سی اس...

افکت های دوست داشتی Hover برای css

Imagehover.css یک کتابخانه دوست داشتی css است که دارای تعدادی زیادی از افکت های hover می باشد . این کتابخانه بسیار سبک و مقیاس پذیر است و دارای چیزی د...

چیزهایی که نیاز دارید در مورد متغیرات css بدانید

وقتی پروژه های وب بزرگتر میشوند css آنها به طور نجومی زیاد و گاهی اوقات مبهم میشود . برای کمک به این مسئله ، متغیرات جدید css طراحی شده اند که مرورگر...

دیدگاه های ارزشمند شما

امیر | 1 سال پیش

اینا دیگه عمرشون تموم شده ... با وجود gulp و grunt که مدیریت asset سایت رو در دست میگیرن دیگه نیازی به این کارا نیست.

admin | 1 سال پیش

برای تازه کارها میتونه مفید باشه