اپنے براؤزر میں فوری طور پر CSS اسٹائل شیٹس کو چھوٹا اور کمپریس کریں۔ تبصرے کو ہٹا دیں، خالی جگہ کو ختم کریں، اور فائل کا سائز کم کریں۔ مفت اور نجی۔
css فائلوں کو سپورٹ کرتا ہے۔ یا اوپر اپنا CSS چسپاں کریں۔
سی ایس ایس منیفیکیشن براؤزرز کو پیش کرنے سے پہلے اس کے سائز کو کم کرنے کے لیے اسٹائل شیٹ سے وائٹ اسپیس، تبصرے اور غیر ضروری حروف کو ہٹاتا ہے۔ اصل اصول غیر تبدیل شدہ ہیں: ایک چھوٹی سی اسٹائل شیٹ صفحات کو غیر منقولہ ماخذ پر یکساں طور پر پیش کرتی ہے۔ بچت نئی لائنوں، بے کار سیمیکولنز، تبصروں، ہیکس کلر شارٹ ہینڈ مواقع، اور صفر یونٹ شارٹ کٹس (0px کو 0 سے تبدیل کرنے) سے حاصل ہوتی ہے۔
درجنوں طرز کے اصولوں والی جدید ویب سائٹس پر، عام کمی 20-40% ہے بمقابلہ غیر منبع شدہ ذریعہ۔ سرور پر gzip کمپریشن کے ساتھ مل کر، معمولی بچت سکڑ جاتی ہے — gzip پہلے ہی بار بار متن کو مؤثر طریقے سے کمپریس کرتا ہے — لیکن یہ مجموعہ اب بھی اکیلے کمپریشن کو ہرا دیتا ہے، خاص طور پر جب اسٹائل شیٹس کو کیش کیا جاتا ہے اور بہت سے زائرین کو کئی بار پیش کیا جاتا ہے۔
یہ منیفائر سی ایس ایس کو ایک ہی پاس میں پروسیس کرتا ہے، url() اقدار سے باہر کے تبصروں کو ہٹاتا ہے، خالی جگہ کو ختم کرتا ہے، منحنی خطوط وحدانی کو بند کرنے سے پہلے فالتو سیمیکولنز کو ہٹاتا ہے، صفر یونٹ شارٹ ہینڈ لگاتا ہے، اور جہاں ممکن ہو چھ ہندسوں کے ہیکس رنگوں کو تین ہندسوں کی شکل میں تبدیل کرتا ہے (#ffffff → #fff)۔ آؤٹ پٹ درست CSS رہتا ہے جسے کوئی بھی براؤزر صحیح طریقے سے پارس کرتا ہے۔
چھوٹی سی ایس ایس فائلیں تیزی سے لوڈ ہوتی ہیں اور رینڈر بلاکنگ ٹائم ڈراپ ہوتی ہیں، یہ دونوں ہی فرسٹ کانٹینٹ فل پینٹ اور سب سے بڑے مواد والے پینٹ اسکورز کو بہتر بناتے ہیں۔ ان سائٹس کے لیے جہاں کور ویب وائٹلز تلاش کی درجہ بندی کو متاثر کرتے ہیں، ہر کلو بائٹ رینڈر بلاک کرنے والی CSS شیو کرنا قابل قدر ہے۔
بینڈوتھ کے اخراجات بھی پیمانے پر اہم ہیں۔ سائٹس جو لاکھوں صفحات کے نظارے پیش کرتی ہیں جب ان کی اسٹائل شیٹس 30% چھوٹی ہوتی ہیں تو وہ قابل پیمائش مقدار میں اخراج کو بچاتی ہیں۔ CDN بلز، موبائل ڈیٹا کا استعمال، اور توانائی کی کھپت سبھی سے تھوڑا فائدہ ہوتا ہے۔ Minification بنیادی طور پر مفت ہے — ایک وقتی تعمیراتی مرحلہ جس میں دیکھ بھال کی کوئی لاگت نہیں ہے۔
سی ایس ایس پیسٹ کریں، چھوٹا ورژن حاصل کریں۔
CSS minification زیادہ تر قدامت پسند وائٹ اسپیس کو ہٹانا ہے۔ سلیکٹرز، ڈیکلریشنز، اور اقدار کے اندر وائٹ اسپیس محفوظ ہے جہاں اہم ہے۔ باہر خالی جگہ ختم ہو گئی ہے۔ تبصرے ہٹا دیے جاتے ہیں جب تک کہ وہ /* سے شروع ہوں! (لائسنس کے تحفظ کے تبصرے)۔
عام شارٹ کٹس: 0px، 0em، اور اسی طرح کی صفر یونٹ کی قدریں 0 بن جاتی ہیں۔ جوڑا ہندسوں کے ساتھ چھ ہندسوں کے ہیکس رنگ (#ffffff, #336699) تین ہندسوں والے بن جاتے ہیں (#fff, #369)؛ } کو ہٹانے سے پہلے آخری سیمیکولن۔ رنگوں کے نام خود بخود ہیکس میں تبدیل نہیں ہوتے ہیں کیونکہ ہیکس بعض اوقات لمبا ہوتا ہے (سرخ لمبائی میں #f00 سے چھوٹا ہوتا ہے؛ #ff0000 سرخ سے لمبا ہوتا ہے)۔
آؤٹ پٹ کو کسی بھی CSS توثیق کار کو پاس کرنا چاہئے جو ان پٹ کو قبول کرتا ہے۔ براؤزر سپورٹ میں کوئی تبدیلی نہیں کی گئی ہے — منیفیکیشن خود قوانین میں ترمیم نہیں کرتی، صرف ان کے متن کی نمائندگی کرتی ہے۔