CSS મિનિફાઇ ટૂલ- મફત ઓનલાઇન CSS મિનિફાયર અને કોમ્પ્રેસર

CSS મિનિફાઇ ટૂલ

CSS ને મિનિફાઇંગ કરવાથી તમે લખેલા સુંદર, સુવ્યવસ્થિત CSS કોડનો ઉપયોગ થાય છે અને સ્પેસિંગ, ઇન્ડેન્ટેશન, નવી લાઇન્સ અને ટિપ્પણીઓ દૂર થાય છે. CSS ના સફળતાપૂર્વક ઉપયોગ માટે આ તત્વો જરૂરી નથી. તે CSS ને વાંચવામાં પણ મુશ્કેલી બનાવે છે.

ઘણા ડેવલપર્સની 'શ્રેષ્ઠ પ્રથા' એ છે કે 'સુશોભિત' સંસ્કરણ જાળવવું, અને જ્યારે તેમનો પ્રોજેક્ટ રોલ આઉટ કરશે ત્યારે તેઓ મિનિફિકેશન પ્રોગ્રામ દ્વારા સ્ટાઇલ ચલાવશે. તેઓ તેમની ઘણી સ્ટાઇલ ફાઇલોને એક ફાઇલમાં પણ જોડશે.

CSS મિનિફાયરનો ઉપયોગ શા માટે કરવો?

મિનિફિકેશનનો હેતુ વેબસાઇટની ગતિ વધારવાનો છે. મિનિમાઇઝેશન સ્ક્રિપ્ટને 20% સુધી નાની બનાવી શકે છે, જેના પરિણામે ડાઉનલોડ સમય ઝડપી બને છે. કેટલાક ડેવલપર્સ તેનો ઉપયોગ તેમના કોડને 'અસ્પષ્ટ' કરવા માટે પણ કરશે. આનાથી કોડ વાંચવામાં મુશ્કેલી પડે છે, જેના કારણે તેને રિવર્સ એન્જિનિયર અથવા કોપી કરવાનું વધુ મુશ્કેલ બને છે.

CSS મિનિફાઇ ઉદાહરણ

પહેલાં:

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

પછી:

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