CSS মিনিফাই ও বিউটিফাই – বিনামূল্যে অনলাইন
ব্রাউজারেই মুহূর্তে CSS মিনিফাই বা বিউটিফাই করুন। কমেন্ট ও ফাঁকা জায়গা মুছে ফাইলের আকার কমায়।
🔒 আপনার ফাইল ব্রাউজারের বাইরে যায় না। সব প্রসেসিং স্থানীয়ভাবে হয়।
অনলাইনে CSS মিনিফাই করার উপায়
- 1
আপনার CSS পেস্ট করুন
ইনপুট বক্সে CSS কোড পেস্ট করুন বা টাইপ করুন।
- 2
মিনিফাই বা বিউটিফাই বেছে নিন
CSS ছোট করতে “CSS মিনিফাই” চাপুন, অথবা সুসংগত ইন্ডেন্টেশনসহ সাজাতে “CSS বিউটিফাই” চাপুন।
- 3
ফলাফল কপি করুন
আউটপুট ডানদিকে দেখা যাবে। ক্লিপবোর্ডে নিতে “কপি” চাপুন।
CSS রেন্ডারিং আটকে রাখে: head-এর সব স্টাইলশিট ডাউনলোড ও পার্স না হওয়া পর্যন্ত ব্রাউজার কিছুই দেখাতে পারে না। তাই কয়েক কিলোবাইটও First Contentful Paint দেরি করে দেয়, বিশেষ করে মোবাইল সংযোগে। CSS মিনিফাই করা সবচেয়ে সস্তা অপটিমাইজেশন: বিল্ড পাইপলাইন লাগে না, কোডও বদলাতে হয় না, শুধু ছোট একটি ফাইল যা দেখতে হুবহু একই।
যা মুছে ফেলা হয়: কমেন্ট, ইন্ডেন্টেশন, নতুন লাইন, কার্লি ব্রেস ও কোলনের আশপাশের ফাঁকা জায়গা, এবং প্রতিটি বন্ধ ব্রেসের আগের শেষ সেমিকোলন। সিলেক্টর, প্রপার্টির নাম ও মান কখনো ছোঁয়া হয় না, তাই মিনিফাই করা CSS মূলটির মতোই কাজ করে। বিউটিফাই এর উল্টো কাজ করে: প্রোডাকশন স্টাইলশিটকে পরিষ্কার ইন্ডেন্টেশনসহ পড়ার উপযোগী নিয়মে ফিরিয়ে আনে।
ফাঁকা জায়গার কারণে নয়, বরং অব্যবহৃত নিয়মের কারণে স্টাইলশিট বড় হলে মিনিফাই করে খুব বেশি সাশ্রয় হবে না; আগে বিল্ডে অব্যবহৃত সিলেক্টর বাদ দিন। বাকি অ্যাসেটের জন্য JS মিনিফায়ার ও HTML মিনিফায়ার একই ধারণা স্ক্রিপ্ট ও মার্কআপে প্রয়োগ করে।