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

[sharktech]

​

فایل های CSS که برای طراحان سایت فرمتی آشنا می باشد باعث زیبا شدن, فرم بخشیدن و شکل گرفتن صفحات وب می شود شما می توایند توسط این ابزار حجم فایل های CSS خود را کاهش دهید که این کار هم سرعت لود شدن سایت شما را افزایش می دهد و هم در مصرف پهنای باند شما موثر است.

http://gognoos.com/tools/css/

 

[Mohammadreza]

چي هست اين ؟
اصول كارش چي هست ، چيكار مي كنه ؟
البته برا من كه چيزي نمياد تو اين آدرس كه دادي

 

[sharktech]

سلام محمد رضا, مگه این سایت های خارجی رو که کد های css و js رو فشرده میکنن رو ندیدی ؟؟؟

روش کار این طوریه که کامنت ها و فاصله های موجود در این فایلها که فقط برای خود طراح مفیده ( دیباگ کردن) رو حذف میکنه تا حجم فایل کاهش پیدا میکنه.

چرا آدرس که درسته چرا برای تو باز نمیشه ؟؟؟

چی برات میاره ؟

 

[pouya saadeghi]

این سورس صفحه ایه که لینک دادی :

<title>فشرده سازی CSS</title> 
‹½;ÛnÛH²Ï6è0ðJÆX¢.¾Èyu<;YL&í`f1ŒÙ’èP$—¤,{‚›`œä!_±/ÎI¼N<›	˜óRüv~àü©ª&)R7KÎÌ:ˆMö¥ªºº®]͵ë·înìüíÞ&«û
“Ý»ÿçono0%£ªß7TõÖÎ-öý×;w¾aùlŽí¸Üòß°-nªêæ·
Sê¾ï¬¨j«ÕʶŠYÛ­©;[ê
ÂÊãäà1ãÇffu_WÖ¯M¯ƃ†iyå
pòËËËrºÂtÃ-+®O&·je¥Ê3··$Áuæ¸vÕ0E¥Öpjã j©ù<
lŸ3ìψ¿7ý²²a[¾°üÌΡ#¦É·²â‹_E¬«L«s×~ùþÎW™’ÂT²xÐ=‡-ÛÕ½ØôöûöñÅËöÉkhŸµÛo.^²Î‹ö«9öé:O.^~úºOáùYç'è;…·vŽàé]û|ŽuŽÀ»ö+ì&wŽÞqç§ö+Ö~MÐ×>Å~èzhÞ·O"
MÃzÈ\a–S^Ýv}­é3L±º+ªåTÈ$»fÙ¶—Õì†Úr2Á
T¿.Â{U£ÁkðZåû"¿RÌŽ•SÔ£HÈ
fßðM
S‰Ÿ55l§xþ¡)¼º¾")S&¢Œ¦g5¸Oɝ£÷†Ð
4WK²eíz&óƒQe·7¬¥¢Î¨2’'Áî…
7ª¶í—Ýðš Ò¨ÆÙ#`[…kk®Ý´ô˶Ä*4`ÃÐñš¡¯Üúþ6²±j»ìCsmÏ®úÙ›¦SçÔûÍuá¦=W»Úf»ž—u¬Zjð?†eHV–nTd2I&r¤Ñâ¾yÈÇ44Ž
à¾8@-&)(+§ðïÈðû„J°­ímö•ú¾W©[M"w«†Œ1лŽ–uêN¤$ÈwǏoÎßç²UaÈ»É6~$²
ÛZÏîÁÏáêUÊHâRÌÐË)È5?ƒû™YÊ€Œ¤ØXªê˜Íšayj€Ü-ÅðË}á–ÙB¨²¡¦
IqÓDݝ€:0¿…ë÷¢Ò³5ƒWL‘©º€
)¼•!è!¢ŽW´¡Ô]F Òí–e‚R6¸
æ^´~ jøŽÐ"BóÙ…Üå|ŒË~ªGöSl„Ý0,Ílꂤ}ïïMá@èüEØÈ®ø®^Óx(2~Ý ô±×9îRu×Dlê†ëö`ë¤'¬ÓÖö­±É—0QIn½Ò2[°;FUxþ T±n‰r”‰X›•¥Yê:‹Ë›aé⠐Ÿb\‡ûþñý\¯èô>™\2»išÌ°Ø]K°íÍ»ìØq5³ù\¶À*‡ü[“íØnE¸>³«l[4pž_ì;Qa·„gêÊ®çs×ßÕ…/4_èì‡L~.“ÀÀUIL*—¨À¯2OØÌATÔ;Ò¬O«*ø½[7wnþ0½Ï]¶Ûr´ê+³GLãZ]è+,ϯ¸֧Êßçƒt&'”`—G¯T1íÚ}ׄ
’¸.Œg²×~(¬]\îãñWöhz
ft¡Ù.iÁ
ƒ$ÂœZ}uúq^L
ï
 
x¤4àÇø#Ýð“®‚b׍†a.·üU‡ë:D+¹xcƒ»À¼d[„]³ŠI„Œ
ÂÈÞ·pgn 7ç²»bë‡òI7öѺ+Øb%Ù„ÐÀÈ·\îPæ‘l§&Úâ]°²&vL­5M
ŸAv˜frÏ“v
_4‡Š‹²Þþ¥ó¤ý¦óœA:ðK秋—HöšjÃ!âSŸ2Å…ÜHð*¤N7„{Ò>sþ	“˜çÊzò=Â;}	Ò¥Ñ([¢aìɦ`µÉ†ñq.ŒFZ·ÉxëìOÅ`±ýccÇdtvÒßúÎHùNËQûÐ#ú¾Æ±ÑÏG£÷›¾í¼ë
»yéÅKàyìmlœÅåÑ8Ã8Æë"¥Æ€4ö6þBG#E“×Eˆ[ÈÈkž·OHž“
ð÷-òm;ÆÜc¢wðûóX"tžÁ’wŒMFa4¼b7ý8·ÏP˜AƒŸ£DË“M]̐ÌKE¶+ A3wÑLf­ç¯Ì¾¤ŽLÚ@évCã89rv:@šîëŶ©¨í0´LMM³à'zX«ÐÃ
NѾ‡e¼]ÙØÞC_XïŸÑj4já’¸	Qú 'fõ+[l:$ãj!—Ï¡_Û…~Ǻï95…A=~ËÐýzY™Ï/€SF­ƒ`°Ñ¿÷¯btf‹hM”²’r`"†¸ˆ]W@LïùT¹é‰Uì¬6-
Ý7kð‡âÞÝí-9(ÝtÍ9=Ü&ðÊ›—/é
 
~Œ*K· pµ[Ùïï|ó5ŒÀÁt¦ªìŽý£aš|Žmó*w¹l6­¯°%Z,	$=»Ú¨â3²6¤
®¡‹;FCàÙ_—bø™䞐Ìc\ƒ ã	óù6ƒ¸ÁÐ‡ctl+ëΆU‰,-S ˆãSq"{V5lK&æ=3
܍³õ&ìÖ¾øþneÂါ·7»3}÷0¾îÁlMI+w< »@;¶³sOI¡°¯ÕY:É΁ˆÆÝk
B׋ññ–ÄDíz_‚@nBR‘Nmp˲}Q3ì.0B²9Ë]á7]+)Î!®
’Ÿµ-ª$HLê |Lhƒhouà4GXé*ZjŽ‘ŽùnSÌHþ×d^ÓÑÙ6Š§2ÇYèA¦ÕjÉ“€+,ÍÖ…®L
&ÖüºWý¬l›’%Ȧ …ši{b(–žŽ™ôx:a–MãOA·nkM̲5áošÿ|x[O§‡žÃ­ÔlÖ"\*p@öC€Œ9kPülͨ¢•MÅ
W‚6ÚÜmÜ\V.³ù„põ
F!hz8°Ëõ*ŠªJaì
ï9¶å‰Pÿ€®¦‰Ú3tBrüd¼ÐWãâÚNææÑgÀOµßbAãâ%ø8ðyo©"]3ØõÔ*¢Õô+±û€2mWö‚mG‰C	Â~ gŸ›MPá)ܨ´œSfŠ2‹-gjâ%Aœö
|ø1ûôsûT–iNqqǘ#£g‡ÌÚ§°:Dó!/»8§Ð
;„x¾@$¬¬°/˜ÔÔû[·ÓCé¢ÁJ°2ÉËÔT¯ÓNEчSwÀÀøf¢ˆÇ±¼Eã#3øu³_J–8mB< XÁ
Á=„’š]…ÀcÍY'î@ȉ|ÃðçÆœ §õ7WÖT‡Æmk&¯SF>kè9(a@1 ˆu*ë™Ì• Trí>µDÓ§x5œM`Õî0T†å4ðªÒô}0\
Öðø>0ŽS˜mi`‚öq‰ÎnÀ¸
w¾’'a@@›Šü‹EÐR‘™q÷),FíØ1
1ôÿýç¢y„ŒÜåÁ•í0µÀ>yê’!ÉÈ#¢ ª™ü³+íÂמ²Óë…äPŠ1u…?Ã,&Vʤ€|*{dâ2_(Ä’'У×(89AHN¾Ëé+T;ʐ1‹£)š 8‹ýÇì¯trÙÖï‰Å²¤1³¼40áqGl
š×”àc#šÅÎo˜Â¾RB~µ‰R:Ÿ/vI=oDX Ó¸tDuŠöxèÄPö¡ó#žP…Ÿ°âòbDاgèF@åäÇöy穲Þß61‚ùîÊO`û1gtòY}FΊ΁`©£ô¢V¥ÔSK¤t‚÷F tR†hDC»r4
V‚Cî-jb÷°}GCWØöÎÍ­™sÑÎøí‚“ö/䉟à&̤žãÈÈ„›8Î	Ÿ-9«)p©r§Ú'È”é±(3úòL©RÏ‹ô\
Ÿ‘Æ~êò…ˆ¼ü¥ô-Jê÷Ǧ°²D¿ó!…’‹ƒ©*#ª/#ª]dE…ljH
U) c!"cù22æ"€/ïÆß5-¶_óô\@Æüä{ô:ÌäÆ¥¤@4,t¥¨R ßóèÉGô”.#§îNT¢“¤å™ŠHŠñ`"ˆt—¼|îÒmËʍëü†R9&< «+Ô@W>4h ú©›ŸÜÄ/¿¡Õ¤)™ˆê¾u•nþRÒä¦ö”€ÇÚÖ’dmâ|—ÔŠè'¬¸4)aàpN¨H|Üùm|k°„
«âüŒe·ã“0#$?€„ÂH ä/áôéŽû¢fc¨?4Hïá;O)òKDãòÜ(] *€³ð!Sšô¾Ã)…0a ìfÇðx¹!$Ÿ”"²0ðŒ¬D!äÎ(—ü„áÑYû4Ûwb:¬§"ÿ’Û"ÊX¢»ÉðËõ€ôœýï?^BÞzÔytÌÞ½Ï@]%%ëüá6c÷V¶÷/88ø¢ý²Ac¯ó’Û¯ˆ\iŸâ‘ìНê³6c¬à’«LÉû&W¤¾çVÊÐ¸½®!8vJhè7!QÈpW«û¢WG÷‚ö ,¡¡ÿô Üq'OxQOGmƒL“F@ÍKËj®k|dÕO“‚㘋³‹÷¿^|L­íŠßUg×—wÙ8ìO㐎+à+©ùÄßwž`T‚ü•V×ÛØs“ØBOà.
5°²{ÄÖ½Fl¿î¼ûEõž°ÆCg]$²–|,’ª	Tmi‹×L°ØÕH$J4D//ÖGª¶ÖÊ°jJEYÅ*c­0985ËÅG°Tjõ1B¨˜Mw €þ½ @PÍñ‚åÒõšž5xÍJÃHð#l¶.u=ª¾Du›øÖ¡¿E+R²wØ?Â/v~C£$)tŒTÌ	]ú}`Ó_×6ÍÔàc¿º¡‹îZ™rl_n¤¼»\ÇléL—_÷HÍøӍR!¿´ê
èæ.VVv+&·*ëѸÑ玍CYŒ4ÜiðÁHì&$èÝktM¨î'á1]Ìí'=×Dû(º" .ýÓq:î"]r¦~$ø#ì&ºlt‘×Îc7ìDd€·7¶nßÛçÖYôe‹Ï}ú…õÞéàzÏÕ0XŸÜãOF¢õÄèiè
ÀØY¤SàM"<¼a*}=»ý,¿†£Ó»éw¤ô*ÑÅÃnµÑ稪~T'‡ðÊô9Ù:~w†j$=èà@镼y-ÔeDx
ë«£oB&úLQƒHs}Ãv]¼ÃÇþ¤Áã*Ã+lÈw
i®Ð
ËGòÌ•µß„§Q`–(aÄð%/Ú¿w+²XE¾†%îO?ãÂe‘ï_àêé ,^ê÷⎲ðÙþ–ìaHCãkyb›ÀîÄ
º]/S	ÐtÓvWnT«UP'ßÁúÏ©²*#¤"`~—ÀLô9å^ø5Z®Ðøc>cêýŽ x]ĉ¯§¦.¹RûÛ®™‚Ý´¸yèš×Õ­Ñ_}\£Yjü¯Þ×6ÝÀK§I?¼ýetsô奱¬ãÚ¾
[5˾dÁHUõ<3«°•ÄGà
~4Ío¹§›–ð42SÜ#Žáµ–ˆˆ/˜R£ådx¸âasRC8?Sܘ
¿àE™Eü±¯//eÝO”üpä—µÚC7ovk`.wÁâMiåþÍL>_Z*—–2´Ð،쮏÷ eß­4}<+ï(¦…ëâ%ÅÄG¡‘M¾‡jð¹É]ü\§õCüö‰¾;Za%]è\h‹‹š¨.´Rq)¿À…Èåó¢´V%ŸËä2ù"ËW–VJXFûÇeë5ó?

 

[sharktech]

وای ضایع شد

پلاگین کش وردپرس قاطی کرده بود !!!!!!!!

دوباره چک کنین ببینین درست شده ؟

مرسی

 

[Mohammadreza]

سلام محمد رضا, مگه این سایت های خارجی رو که کد های css و js رو فشرده میکنن رو ندیدی ؟؟؟

روش کار این طوریه که کامنت ها و فاصله های موجود در این فایلها که فقط برای خود طراح مفیده ( دیباگ کردن) رو حذف میکنه تا حجم فایل کاهش پیدا میکنه.

چرا آدرس که درسته چرا برای تو باز نمیشه ؟؟؟

چی برات میاره ؟

ديدم عزيزم ،
گفتم شايد اين يكي واقعا هوشمند باشه و كد رو بهينه كنه !
اينطوري كه فاصله ها و كامت ها رو برداره كه جز ضرر هيچي نيست ... البته به قول خودت واسه ما ...

 

[sharktech]

خوب شما فایل اصلی که کلا فاصله و کامنتهات توش هست رو باید پیش خودت داشته باشی اما این اجزا در فایلها برای کاربران سایت هیچ فایده ای نداره و حتی ضرر هم داره چون بجز گرفتن وقت کاربر برای لود شدن صفحه چیز دیگه ای نداره.

البته هر کسی یه نظری داره.

 

[pouya saadeghi]

حذف اسپيس ها و فاصله هاى اضافى و كاهش لاين ها حجم رو كاهش ميده, منم كاملا موافقم!
اما همه اين كارها , (حذف اسپيس ها و لاين هاى اضافى,) و حتى مرتب كردن دوباره كد كم حجم شده(براى طراح), با چند كليک ساده در دريم ويور به راحتى قابل انجامه.

 

[Saeed]

 

[sharktech]

آره این امکان دریم خیلی امکان خوبی هست با یه کلیک ساده همه چی رو مرتب میکنه واقعا خیلی به درد بخوره.

برای اونایی که از این امکان خبر ندارن :

commands -> Apply source formatting

البته اگه توی فرمت های js و php هم جواب میداد خیلی خوب بود.

 

[echessdesign]

توسط این ابزار حجم فایل های css خود را کاهش دهید که این کار هم سرعت لود شدن سایت شما را افزایش می دهد و هم در مصرف پهنای باند شما موثر است.

مممنون از برنامه ای که قرار دادید.
توجه داشته باشید کم حجم کردن یک فایل ، به مقدار بسیار ناچیز (حتی کمتر از 1 ثانیه) در سرعت لود تاثیر داره! زیرا فایل css پس از دانلود بر روی سیستم شما، توسط مرورگر شما تفسیر میشه.
اگر منظور شما از صرفه جویی در پهناد باند، چند کیلو بایت هست، باز هم تاثیر آن بسیار ناچیز است.
به نظر من بیشترین تاثیر این برنامه، داشتن یک فایل css حرفه ای هست

 

[sharktech]

اگر منظور شما از صرفه جویی در پهناد باند، چند کیلو بایت هست، باز هم تاثیر آن بسیار ناچیز است.
به نظر من بیشترین تاثیر این برنامه، داشتن یک فایل css حرفه ای هست

خوب این قضیه بیشتر تو سایتهایی که ترافیک بالایی دارن و کد های استایلشون هم بیشتر از چند صفحه هست صادق هست و باعث کم شدن استفاده از پهنای باند و در نتیجه کم شدن هزینه ها میشه اما برای سایت های کم حجم هم موثره.

شاید فشرده سازی تنهای کد های css خیلی موثر نباشه اما اگه بخوایم یه سایت رو بهینه کنیم یکی از راه های بهینه کردن, فشرده سازی کد های css و js و در کنار اینا بهینه کردن عکس های استفاده شده, بهینه کردن کد های سمت سرور, استفاده از کد های html به صورت درست و طبق استاندارد و ... هست.

که اگه اینا رو در کنار هم جمع کنیم شاید بشه از حجم کلی یه سایت چیزی حدود 50 تا 100 کیلو رو کم کرد.