কোড মিনিফায়ার

রেফারেন্স

কোড মিনিফিকেশন কী?

কোড মিনিফিকেশন সোর্স কোড থেকে অপ্রয়োজনীয় অক্ষর — হোয়াইটস্পেস, কমেন্ট, লাইন ব্রেক এবং ঐচ্ছিক ডিলিমিটার — কোডের আচরণ পরিবর্তন না করেই সরায়। ফলাফল হলো একটি ছোট ফাইল যা নেটওয়ার্কে দ্রুত ডাউনলোড হয়। মিনিফিকেশন প্রতিটি আধুনিক ফ্রন্ট-এন্ড বিল্ড পাইপলাইনে একটি স্ট্যান্ডার্ড ধাপ এবং HTML, CSS এবং JavaScript-এর জন্য Google-এর ওয়েব পারফরমেন্স নির্দেশিকা দ্বারা সুপারিশকৃত।

HTML মিনিফিকেশন

HTML মিনিফিকেশন HTML কমেন্ট (<!-- ... -->) সরায় এবং ট্যাগের মধ্যে হোয়াইটস্পেস কোলাপ্স করে। ব্রাউজার HTML-এ অতিরিক্ত হোয়াইটস্পেস উপেক্ষা করে, তাই এটি সরালে ফাইল সাইজ কমে কিন্তু ভিজ্যুয়াল প্রভাব নেই। সাধারণ HTML মিনিফিকেশন সাশ্রয় ফরম্যাটিং স্টাইল এবং কমেন্ট ঘনত্বের উপর নির্ভর করে 10–25% হয়।

CSS মিনিফিকেশন

CSS মিনিফিকেশন কমেন্ট (/* ... */) সরায়, হোয়াইটস্পেস কোলাপ্স করে এবং {, }, :, ; এবং ,-এর আশেপাশের স্পেস সরায়। এটি }-এর আগে শেষ সেমিকোলনও সরায়, যা CSS পার্সার বাদ দেওয়ার অনুমতি দেয়। ভালো কমেন্টযুক্ত CSS ফাইলে সাধারণত 20–40% সাইজ হ্রাস দেখা যায়। প্রোডাকশনে, cssnano এবং Lightning CSS-এর মতো টুল ডুপ্লিকেট নিয়ম মার্জ, রঙ সংক্ষিপ্ত (#ffffff → #fff) এবং অপ্রয়োজনীয় প্রিফিক্স সরিয়ে আরও এগিয়ে যায়।

JavaScript মিনিফিকেশন

এই টুল রক্ষণশীল JavaScript মিনিফিকেশন করে: এটি সিঙ্গল-লাইন কমেন্ট (// ...), মাল্টি-লাইন কমেন্ট (/* ... */) সরায় এবং হোয়াইটস্পেস কোলাপ্স করে। এটি নিরাপদ এবং দ্রুত, কিন্তু পূর্ণ অপ্টিমাইজার নয় — এটি ভেরিয়েবল রিনেম, অব্যবহৃত এক্সপোর্ট ট্রি-শেক বা ডেড কোড সরায় না। প্রোডাকশন বিল্ডের জন্য, ডেডিকেটেড টুল ব্যবহার করুন: Terser (Webpack/Vite-এর মানদণ্ড), esbuild (অত্যন্ত দ্রুত, Go-ভিত্তিক), বা SWC (Rust-ভিত্তিক, Next.js দ্বারা ব্যবহৃত)। এই টুলগুলো মিনিফিকেশনকে ভেরিয়েবল ম্যাংলিংয়ের সাথে একত্রিত করে 40–70% সাইজ হ্রাস অর্জন করে।

গোপনীয়তা

সমস্ত প্রক্রিয়াকরণ 100% আপনার ব্রাউজারে চলে।