عنوان مقاله :

کم کردن حجم فایل های 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 می تونید به مقدار دلخواه فایل جاوا اسکریپت آپلود نمایید و مقدار فشرده شده رو دانلود نمایید . 

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

۱۴ قالب عالی و رایگان بوت استرپ

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

۵ سیستم مدیریت محتوای سبک برای طراحان وب

زیبایی سیستم های مدیریت محتوا که به اختصار CMS نامیده می شود، توانایی کنترل آسان محتوا، کارایی و لایه بندی وبسایت است. تقریبا می شود گفت همه، از یک وب...

ساخت پنل تاشو 3 بعدی با استفاده از css3 و jquery

سلام با یکی دیگه از مقاله های سایت راکت در خدمتتونیم ، امروز قصد داریم یک پنل ثانویه کاملا flat که با استفاده از css و jquery برای شما دوستان و کاربرا...

آموزش Migration ها در لاراول

لاراول توسط Taylor Otwell توسعه پیدا کرده و یکی از بزرگترین فریمورک های php می باشد و هم برای پروژه ای کوچیک و هم برای پروژه های در مقیاس بزرگ قابل اس...

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

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

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

admin | 2 سال پیش

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