CSS Minify ટૂલ
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 }