عنوان مقاله :

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

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

بازاریابی محتوای موبایلی

همگام با افزایش تعداد کاربران تلفن همراه، معادلات دنیای بازاریابی آنلاین نیز تغییرکرده است. با توجه به اینکه بیشترین جست‌وجوها در اینترنت به وسیله تلف...

Grd فریمورک گرید سیستم css

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

مقایسه bootstrap با Material Design Lite

از اونجا که گوگل اعلام کرد که به همراه اندروید 5.0 متد جدید طراحی یعنی متیرال هم ارائه میشه ، تعداد زیادی فریمورک های front با هدف آوردن مفهوم این مت...

ساخت مقایسه بین دو محصول

این طرح کاملا رسپانسیو بوده و قادره که محصولات رو با یک gird خوب با هم مقایسه کنه . البته حداکثر قادرین که سه محصول رو در یک زمان با هم مقایسه کنید ....

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

برای ارسال نظر لازم است ابتدا وارد سایت شوید
امیر | 2 سال پیش

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

admin | 2 سال پیش

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