Għodda CSS Minify- Minifikatur u Kompressur CSS Online B'Xejn

Input data
bfotool loadding
Output data
bfotool loadding

 

Għodda tal-Minify tas-CSS

Il-minimizzazzjoni tas-CSS tieħu l-kodiċi CSS imsebbaħ u ffurmat tajjeb li ktibt u tneħħi l-ispazjar, l-indentazzjoni, in-newlines, u l-kummenti. Dawn l-elementi mhumiex meħtieġa biex is-CSS jintuża b'suċċess. Tagħmel ukoll is-CSS aktar diffiċli biex jinqara.

L-'aħjar prattika' ta' ħafna żviluppaturi hija li jżommu verżjoni 'msebbħa', u meta jniedu l-proġett tagħhom, iħaddmu l-istili permezz ta' programm ta' minifikazzjoni. Huma jikkombinaw ukoll il-ħafna fajls tal-istil tagħhom f'fajl wieħed.

 

Għaliex tuża CSS Minifier?

L-iskop tal-minifkazzjoni huwa li żżid il-veloċità ta' websajt. Il-minimizzazzjoni tista' tagħmel skript sa 20% iżgħar, li jirriżulta f'ħin ta' tniżżil aktar mgħaġġel. Xi żviluppaturi jużawha wkoll biex 'joffuskaw' il-kodiċi tagħhom. Dan jagħmilha diffiċli biex il-kodiċi jinqara, u b'hekk jagħmilha aktar diffiċli biex jiġi inġinerija b'lura jew ikkupjat.

 

Eżempju ta' Minify tas-CSS

Qabel:

.headbg{  
    margin:0 8px   
}  
a:link,a:focus{  
    color:#00c   
}  
a:active{  
    color:red   
}  

Wara:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }