CSS মিনিফায়ার

CSS মিনিফিকেশন কীভাবে কাজ করে

এই টুল CSSO (CSS Optimizer) ব্যবহার করে, যা আপনার স্টাইলশিটকে একটি সিনট্যাক্স ট্রি-তে পার্স করে সবচেয়ে ছোট সমতুল্য রূপে আবার প্রিন্ট করে। হোয়াইটস্পেস ও কমেন্ট সরানোর পাশাপাশি এটি নিরাপদভাবে মান পুনর্লিখন করে:

• #ffffff → #fff, #ff0000 → red
• 0px → 0, 0.90 → .9
• margin: 8px 16px 8px 16px → margin:8px 16px
• খালি রুল ও ডুপ্লিকেট ডিক্লারেশন বাদ দেওয়া হয়

“পুনর্গঠন” কী করে?

পুনর্গঠন পুরো স্টাইলশিট জুড়ে দেখে: একই ডিক্লারেশনযুক্ত রুলগুলো একটি সিলেক্টর তালিকায় একত্র হয় (.a,.b{color:red}), আর বারবার আসা সিলেক্টরগুলো মিলিয়ে দেওয়া হয়। বাস্তব স্টাইলশিটে এতে প্রায়ই আরও ৫–১৫% সাশ্রয় হয়। ক্যাসকেডের ক্রম অপরিবর্তিত থাকলেই শুধু CSSO একত্র করে, তবে অস্বাভাবিক ওভাররাইডের ওপর নির্ভর করলে আপনি এটি বন্ধ করে শুধু সিনট্যাক্সভিত্তিক মিনিফিকেশন করতে পারেন।

কেন CSS মিনিফাই করবেন?

CSS রেন্ডারিং আটকে রাখে: <head>-এর স্টাইলশিট ডাউনলোড ও পার্স না হওয়া পর্যন্ত ব্রাউজার পেজ আঁকতে পারে না। ছোট CSS মানে দ্রুত First Contentful Paint ও ভালো Core Web Vitals, যা ব্যবহারকারী ও সার্চ র‍্যাঙ্কিং দুটোর জন্যই উপকারী। সেরা ফলাফলের জন্য সার্ভারে gzip বা Brotli-র সাথে মিনিফিকেশন মিলিয়ে ব্যবহার করুন।