CSS منیفائی اور بیوٹیفائی – مفت آن لائن
اپنے براؤزر میں فوراً CSS منیفائی یا بیوٹیفائی کریں۔ تبصرے اور خالی جگہیں ہٹا کر فائل کا سائز کم کرتا ہے۔
🔒 آپ کی فائل کبھی آپ کے براؤزر سے باہر نہیں جاتی۔ تمام پروسیسنگ مقامی طور پر ہوتی ہے۔
آن لائن CSS منیفائی کرنے کا طریقہ
- 1
اپنا CSS پیسٹ کریں
ان پٹ باکس میں اپنا CSS کوڈ پیسٹ کریں یا ٹائپ کریں۔
- 2
منیفائی یا بیوٹیفائی چنیں
CSS کو چھوٹا کرنے کے لیے «CSS منیفائی» دبائیں، یا یکساں انڈینٹیشن کے ساتھ ترتیب دینے کے لیے «CSS بیوٹیفائی» دبائیں۔
- 3
نتیجہ کاپی کریں
آؤٹ پٹ بائیں جانب ظاہر ہوگا۔ کلپ بورڈ میں لینے کے لیے «کاپی» دبائیں۔
CSS رینڈرنگ کو روک دیتا ہے: جب تک head کی تمام اسٹائل شیٹس ڈاؤن لوڈ اور پارس نہ ہو جائیں، براؤزر کچھ نہیں دکھا سکتا۔ اس لیے چند کلو بائٹس بھی First Contentful Paint کو سست کر دیتے ہیں، خاص طور پر موبائل کنکشن پر۔ CSS منیفائی کرنا سب سے سستی اصلاح ہے: نہ بلڈ پائپ لائن چاہیے، نہ کوڈ میں تبدیلی، بس ایک چھوٹی فائل جو بالکل ویسی ہی دکھائی دیتی ہے۔
جو کچھ ہٹایا جاتا ہے: تبصرے، انڈینٹیشن، نئی لائنیں، منحنی بریکٹ اور کولن کے اردگرد کی خالی جگہیں، اور ہر بند بریکٹ سے پہلے کا آخری سیمی کولن۔ سلیکٹر، پراپرٹی کے نام اور قدریں کبھی نہیں چھیڑی جاتیں، اس لیے منیفائی شدہ CSS بالکل اصل کی طرح کام کرتا ہے۔ بیوٹیفائی اس کا الٹ کرتا ہے: پروڈکشن اسٹائل شیٹ کو صاف انڈینٹیشن والے پڑھنے کے قابل اصولوں میں بدل دیتا ہے۔
اگر آپ کی اسٹائل شیٹ خالی جگہوں کی وجہ سے نہیں بلکہ غیر استعمال شدہ اصولوں کی وجہ سے بڑی ہے تو منیفائی سے زیادہ بچت نہیں ہوگی؛ پہلے اپنی بلڈ میں غیر استعمال شدہ سلیکٹر ہٹائیں۔ باقی اثاثوں کے لیے JS منیفائر اور HTML منیفائر یہی خیال اسکرپٹس اور مارک اپ پر لاگو کرتے ہیں۔