તમારા બ્રાઉઝરમાં તરત જ CSS સ્ટાઈલશીટ્સને નાનું અને સંકુચિત કરો. ટિપ્પણીઓ દૂર કરો, વ્હાઇટસ્પેસ સંકુચિત કરો અને ફાઇલનું કદ ઘટાડો. મફત અને ખાનગી.
.css ફાઇલોને સપોર્ટ કરે છે. અથવા ઉપર તમારું CSS પેસ્ટ કરો.
CSS મિનિફિકેશન બ્રાઉઝર્સને સેવા આપતા પહેલા તેનું કદ ઘટાડવા માટે સ્ટાઇલશીટમાંથી વ્હાઇટસ્પેસ, ટિપ્પણીઓ અને બિનજરૂરી અક્ષરોને દૂર કરે છે. વાસ્તવિક નિયમો યથાવત છે: એક નાની સ્ટાઈલશીટ અનમિનિફાઈડ સ્ત્રોતને સમાન રીતે પૃષ્ઠોને રેન્ડર કરે છે. બચત નવી લાઈનો, બિનજરૂરી અર્ધવિરામ, ટિપ્પણીઓ, હેક્સ-કલર શોર્ટહેન્ડ તકો અને શૂન્ય-યુનિટ શૉર્ટકટ્સ (0px ને 0 સાથે બદલીને) દૂર કરવાથી આવે છે.
ડઝનેક શૈલીના નિયમો સાથેની આધુનિક વેબસાઇટ્સ પર, સામાન્ય ઘટાડો 20-40% છે જે અમિનિફાઇડ સ્ત્રોતની વિરુદ્ધ છે. સર્વર પર gzip કમ્પ્રેશન સાથે સંયોજિત, સીમાંત બચત સંકોચાય છે — gzip પહેલાથી જ પુનરાવર્તિત ટેક્સ્ટને અસરકારક રીતે સંકુચિત કરે છે — પરંતુ સંયોજન હજી પણ એકલા સંકોચનને હરાવી દે છે, ખાસ કરીને જ્યારે સ્ટાઈલશીટ્સ કેશ કરવામાં આવે છે અને ઘણા મુલાકાતીઓને ઘણી વખત સેવા આપવામાં આવે છે.
આ મિનિફાયર સીએસએસને એક પાસમાં પ્રક્રિયા કરે છે, url() મૂલ્યોની બહારની ટિપ્પણીઓને દૂર કરે છે, વ્હાઇટસ્પેસને સંકુચિત કરે છે, કૌંસ બંધ કરતા પહેલા બિનજરૂરી અર્ધવિરામને દૂર કરે છે, શૂન્ય-યુનિટ શોર્ટહેન્ડ લાગુ કરે છે અને જ્યાં શક્ય હોય ત્યાં છ-અંકના હેક્સ રંગોને ત્રણ-અંકના સ્વરૂપમાં રૂપાંતરિત કરે છે (#ffffff → #fff). આઉટપુટ માન્ય CSS રહે છે જે કોઈપણ બ્રાઉઝર યોગ્ય રીતે પાર્સ કરે છે.
નાની CSS ફાઇલો ઝડપથી લોડ થાય છે અને રેન્ડર-બ્લૉકિંગ ટાઇમ ડ્રોપ થાય છે, જે બંને ફર્સ્ટ કન્ટેન્ટફુલ પેઇન્ટ અને લાર્જેસ્ટ કન્ટેન્ટફુલ પેઇન્ટ સ્કોર્સને સુધારે છે. કોર વેબ વાઇટલ સર્ચ રેન્કિંગને અસર કરે છે તેવી સાઇટ્સ માટે, રેન્ડર-બ્લૉકિંગ CSS શેવ કરેલા દરેક કિલોબાઇટ પ્રયત્નો કરવા યોગ્ય છે.
બેન્ડવિડ્થ ખર્ચ પણ સ્કેલ પર મહત્વ ધરાવે છે. જે સાઇટ્સ લાખો પેજ વ્યૂ આપે છે તેઓ જ્યારે તેમની સ્ટાઈલશીટ્સ 30% નાની હોય ત્યારે માપી શકાય તેવા પ્રમાણમાં બહાર નીકળે છે. CDN બિલ, મોબાઈલ ડેટા વપરાશ અને ઉર્જા વપરાશ બધાને થોડો ફાયદો થાય છે. મિનિફિકેશન અનિવાર્યપણે મફત છે — જાળવણી ખર્ચ વિના એક વખતનું બિલ્ડ પગલું.
CSS પેસ્ટ કરો, મિનિફાઇડ વર્ઝન મેળવો.
CSS મિનિફિકેશન મોટે ભાગે રૂઢિચુસ્ત વ્હાઇટસ્પેસ દૂર કરવાનું છે. પસંદગીકારો, ઘોષણાઓ અને મૂલ્યોની અંદરની વ્હાઇટસ્પેસ જ્યાં નોંધપાત્ર હોય ત્યાં સાચવવામાં આવે છે; બહારની વ્હાઇટસ્પેસ સંકુચિત છે. ટિપ્પણીઓ દૂર કરવામાં આવે છે સિવાય કે તેઓ /* થી શરૂ થાય! (લાઈસન્સ જાળવણી ટિપ્પણીઓ).
સામાન્ય શૉર્ટકટ્સ: 0px, 0em અને સમાન શૂન્ય-એકમ મૂલ્યો 0 બની જાય છે; જોડી અંકો સાથે છ-અંકના હેક્સ રંગો (#ffffff, #336699) ત્રણ-અંકના બને છે (#fff, #369); } દૂર થાય તે પહેલાંનો છેલ્લો અર્ધવિરામ. રંગના નામો આપમેળે હેક્સમાં રૂપાંતરિત થતા નથી કારણ કે હેક્સ ક્યારેક લાંબો હોય છે (લાલ લંબાઈમાં #f00 કરતાં નાનો હોય છે; #ff0000 લાલ કરતાં લાંબો હોય છે).
આઉટપુટ એ કોઈપણ CSS વેલિડેટરને પાસ કરવું જોઈએ જે ઇનપુટ સ્વીકારે છે. બ્રાઉઝર સપોર્ટ અપરિવર્તિત છે — મિનિફિકેશન નિયમોમાં ફેરફાર કરતું નથી, ફક્ત તેમની ટેક્સ્ટ રજૂઆત.