మీ బ్రౌజర్లో తక్షణమే CSS స్టైల్షీట్లను కనిష్టీకరించండి మరియు కుదించండి. వ్యాఖ్యలను తీసివేయండి, వైట్స్పేస్ను కుదించండి మరియు ఫైల్ పరిమాణాన్ని తగ్గించండి. ఉచిత మరియు ప్రైవేట్.
.css ఫైల్లకు మద్దతు ఇస్తుంది. లేదా మీ CSSని పైన అతికించండి.
CSS సూక్ష్మీకరణ అనేది బ్రౌజర్లకు అందించే ముందు దాని పరిమాణాన్ని తగ్గించడానికి స్టైల్షీట్ నుండి వైట్స్పేస్, కామెంట్లు మరియు అనవసరమైన అక్షరాలను తొలగిస్తుంది. అసలు నియమాలు మారవు: కనిష్టీకరించబడిన స్టైల్షీట్ పేజీలను ఒకేలా అన్మినిఫైడ్ సోర్స్కు అందిస్తుంది. కొత్త లైన్లు, రిడండెంట్ సెమికోలన్లు, కామెంట్లు, హెక్స్-కలర్ షార్ట్హ్యాండ్ అవకాశాలు మరియు జీరో-యూనిట్ షార్ట్కట్లను తీసివేయడం ద్వారా పొదుపులు వస్తాయి (0pxని 0తో భర్తీ చేయడం).
డజన్ల కొద్దీ శైలి నియమాలతో ఆధునిక వెబ్సైట్లలో, సాధారణ తగ్గింపు 20-40% మరియు అన్మినిఫైడ్ సోర్స్. సర్వర్లో gzip కంప్రెషన్తో కలిపి, ఉపాంత పొదుపులు తగ్గిపోతాయి - gzip ఇప్పటికే పునరావృతమయ్యే వచనాన్ని సమర్థవంతంగా కుదిస్తుంది - అయితే ఈ కలయిక ఇప్పటికీ కంప్రెషన్ను ఒంటరిగా కొట్టేస్తుంది, ప్రత్యేకించి స్టైల్షీట్లు చాలా మంది సందర్శకులకు కాష్ చేయబడినప్పుడు మరియు అందించబడినప్పుడు.
ఈ మినిఫైయర్ CSSని ఒకే పాస్లో ప్రాసెస్ చేస్తుంది, url() విలువల వెలుపలి వ్యాఖ్యలను తీసివేస్తుంది, వైట్స్పేస్ను ధ్వంసం చేస్తుంది, బ్రేస్లను మూసివేయడానికి ముందు రిడెండెంట్ సెమికోలన్లను తొలగిస్తుంది, జీరో-యూనిట్ షార్ట్హ్యాండ్ను వర్తింపజేస్తుంది మరియు సాధ్యమైన చోట ఆరు-అంకెల హెక్స్ రంగులను మూడు-అంకెల రూపంలోకి మారుస్తుంది (#ffffff → #fff). ఏదైనా బ్రౌజర్ సరిగ్గా అన్వయించే అవుట్పుట్ చెల్లుబాటు అయ్యే CSSగా ఉంటుంది.
చిన్న CSS ఫైల్లు వేగంగా లోడ్ అవుతాయి మరియు రెండర్-బ్లాకింగ్ టైమ్ డ్రాప్స్, రెండూ మొదటి కంటెంట్ఫుల్ పెయింట్ మరియు అతిపెద్ద కంటెంట్ఫుల్ పెయింట్ స్కోర్లను మెరుగుపరుస్తాయి. కోర్ వెబ్ వైటల్స్ శోధన ర్యాంకింగ్ను ప్రభావితం చేసే సైట్ల కోసం, ప్రతి కిలోబైట్ రెండర్-బ్లాకింగ్ CSS షేవ్ చేసిన ప్రయత్నం విలువైనది.
బ్యాండ్విడ్త్ ఖర్చులు కూడా స్కేల్లో ముఖ్యమైనవి. మిలియన్ల కొద్దీ పేజీ వీక్షణలను అందించే సైట్లు వాటి స్టైల్షీట్లు 30% చిన్నవిగా ఉన్నప్పుడు కొలవగల మొత్తంలో ఎగ్రెస్ని ఆదా చేస్తాయి. CDN బిల్లులు, మొబైల్ డేటా వినియోగం మరియు శక్తి వినియోగం అన్నీ స్వల్పంగా ప్రయోజనం పొందుతాయి. మినిఫికేషన్ తప్పనిసరిగా ఉచితం — నిర్వహణ ఖర్చు లేకుండా వన్-టైమ్ బిల్డ్ స్టెప్.
CSSని అతికించండి, కనిష్టీకరించబడిన సంస్కరణను పొందండి.
CSS కనిష్టీకరణ అనేది చాలావరకు సాంప్రదాయిక వైట్స్పేస్ తొలగింపు. సెలెక్టర్లు, డిక్లరేషన్లు మరియు విలువల లోపల వైట్స్పేస్ ముఖ్యమైన చోట భద్రపరచబడుతుంది; బయట ఖాళీ స్థలం కూలిపోయింది. వ్యాఖ్యలు /*తో ప్రారంభమైతే తప్ప తీసివేయబడతాయి! (లైసెన్స్ సంరక్షణ వ్యాఖ్యలు).
సాధారణ సత్వరమార్గాలు: 0px, 0em మరియు సారూప్య సున్నా-యూనిట్ విలువలు 0 అవుతుంది; జత చేసిన అంకెలతో (#ffffff, #336699) ఆరు అంకెల హెక్స్ రంగులు మూడు అంకెలు (#fff, #369); }కి ముందు ఉన్న చివరి సెమికోలన్ తీసివేయబడింది. హెక్స్ కొన్నిసార్లు పొడవుగా ఉన్నందున రంగు పేర్లు స్వయంచాలకంగా హెక్స్గా మార్చబడవు (ఎరుపు పొడవు #f00 కంటే తక్కువగా ఉంటుంది; #ff0000 ఎరుపు కంటే పొడవుగా ఉంటుంది).
అవుట్పుట్ ఇన్పుట్ను ఆమోదించే ఏదైనా CSS వాలిడేటర్ను పాస్ చేయాలి. బ్రౌజర్ మద్దతు మారదు - కనిష్టీకరణ నియమాలను స్వయంగా సవరించదు, వాటి వచన ప్రాతినిధ్యం మాత్రమే.