حسین عظیمی
5 سال پیش توسط حسین عظیمی مطرح شد
6 پاسخ

فشرده کردن فایل‌های css

با سلام به همه‌ی راکتی‌های عزیز چجوری میشه فایل‌های css یا js خودمون رو فشرده کنیم؟


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
3

سلام
@azimihossein02
اگر توی کنترل پنل وب سایتتون هستید
مثل سی پنل
از گزینه optimize میتونید قسمت compress all رو انتخاب کنید که همه رو خودش اتوماتیک موقع لود فشرده میکنه
اما اگر در قالب اختصاصیتون میخوایید فشرده کنید
سایت های زیادی هست که دوستمون اشاره کرد میتونید از اون ها استفاده کنید


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
2

دوستان به چند روش اشاره کردند. یه روش دیگه هم استفاده از code bundler هایی مثل Webpack هست. اون هم چنین گزینه‌ای رو داره.


علی فرمانی
تخصص : فرانت اند
@farmani 5 سال پیش مطرح شد
2

@azimihossein02
بهترین روش همون استفاده از سایت های فشرده سازی هست کافیه تو گوگل سرچ کنید css compressor سایت های زیادی بهتون معرفی میشه .
فقط دقت کنید با کمپرس کردن کامنت ها حذف میشد و کدها میچسبن به هم .
البته این روش فقط برای کاهش حجم مناسبه اگه میخاین از کپی شدن جلوگیری کنید امکانش نیست کافیه کد کمپرس شده تو یه ادیتور حرفه ای ریفورمت کد کنید میشه مثل روز اول .


سید محمد حسین موسوی
تخصص : FullStack Developer
@SeyedMH.Mosavi 5 سال پیش آپدیت شد
4

مشکلی که روش ها جانبی مثل سایت های معرفی شده داره اینه که شما مجبوری هر بار هر تغییر کوچیکی در کدها می دی دوباره بری و فایل ها رو از اول فشرده کنی. طبیعتا هیچ موقع هم نیست که بگی پروژه من تموم شده و دیگه نمی خوام هیچ تغییری روش بدم!
برای اینکه اینکار اتوماتیک انجام بشه و مجبور به اینکار نباشی از چند روش می تونی استفاده کنی:
اولی اینه که موقع اجرای سایت از طریق زبان برنامه نویسی که داری باهاش کار می کنی اینکارو انجام بدی. اینطوری خودش می یاد فایل هایی که تو بهش اشاره کرده رو هم فشرده می کنه و هم تبدیل به یه فایل می کنه که در این صورت دیگه هیچ کاری نمی خواد انجام بدی و هم کد نویسی ات رو می کنی و هم مطمئنی که خودش پشت قضیه کدها رو اتومات ادغام و minify می کنه.

راه کار دومش هم می تونه از ابزارهایی مثل webpack و gulp استفاده کنی. روش کارش هم اینطوری که بعد از هر بار تغییر تو کدهات می ری و یه دستور رو اجرا می کنی و اون ابزار مورد نظرت می ره و فایل هایی که قبلا بهش گفته بودی رو ادغام و minify می کنه.

البته یه توضیح هم در مورد فشرده شدن و کلیت قضیه هم بخوام بدم اینه که ما چنتا چیزه مختلف داریم:
یک مورد فشرده سازیه که وب سرور شما انجام می ده و فایل ها رو فشرده می کنه تا حجمش کم بشه. مثل zip و rar که برای فایل ها تو کامپیوتر اتفاق می افته. یک از معروف ترین هاش gzip هست که اصلا بحثش چیزه دیگه ای هست و در همین راستا و مکمل این قضیه است ولی ربطی به این قضیه که شما گفتی نداره. می تونی تو کدنویسی اینکارو بکنی و اگر با وردپرس و ... هم استفاده می کنی احتمالا گزینه ای برای اینکار باشه که خودش اتومات بیاد و فشرده سازی رو اعمال کنه.
یک مورد دیگه minify کردنه که تمام کدها رو تو یه خط قرار می ده تا حجم کد کمتر بشه
مورد بعدی هم merge کردنه که چنتا فایل css یا ... رو با هم ترکیب می کنند تا یه فایل بشه و حجم کلیش کمتر بشه

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


elhammaleki
تخصص : طراح و توسعه دهنده
@mrselmaleki 5 سال پیش مطرح شد
1

از این استفاده کنید https://csscompressor.com/


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام