এই মিনিফায়ারটি সতর্কভাবে হোয়াইটস্পেস কমায়। পাশাপাশি থাকা inline কনটেন্টের মাঝে একটি স্পেস দরকার হতে পারে, তাই এমন ক্ষেত্রে সেটি রেখে মার্কআপ সংক্ষিপ্ত করে। কার্যকর conditional comment, server-side include নির্দেশনা এবং Knockout comment অক্ষত থাকে। আপনার HTML কখনো ডিভাইসের বাইরে যায় না।
ফ্রি HTML Minifier
পুরোটাই আপনার ব্রাউজারে চলে - কিছু আপলোড নেই, সাইন-আপ নেই।
HTML ইনপুট
মিনিফাই করা HTML
মিনিফাই করা ফলাফল দেখতে HTML পেস্ট করুন
HTML Minifier কী করে?
HTML মিনিফায়ার সাধারণ কমেন্ট, ইনডেন্টেশন, লাইন ব্রেক এবং ব্রাউজারের দরকার নেই এমন অতিরিক্ত স্পেস সরিয়ে মার্কআপ কম্প্রেস করে। একটি ডকুমেন্ট বা কোডের অংশ পেস্ট করলেই সংক্ষিপ্ত HTML-এর সঙ্গে ঠিক কত বাইট বাঁচল তা দেখা যায়। script, style, preformatted এবং textarea-এর কনটেন্ট বদলায় না, আর পুরো প্রক্রিয়াটি আপনার ব্রাউজারেই হয়।
যেভাবে ব্যবহার করবেন
- 1HTML পেস্ট করুন. ইনপুট এডিটরে একটি সম্পূর্ণ ডকুমেন্ট বা HTML-এর অংশ দিন, অথবা উদাহরণটি লোড করুন।
- 2কমেন্ট রাখবেন কি না বেছে নিন. সবচেয়ে ছোট ফলাফলের জন্য সাধারণ কমেন্ট সরানোর অপশন চালু রাখুন। রিভিউ নোট দরকার হলে অপশনটি বন্ধ করুন।
- 3কতটা বাঁচল দেখুন. মূল ও মিনিফাই করা UTF-8 বাইটের আকার, বাঁচানো শতাংশ এবং সরানো লাইন ও কমেন্টের সংখ্যা দেখুন।
- 4ফলাফল কপি করুন. সংক্ষিপ্ত HTML কপি করে আপনার build output, CMS বা স্থানীয় প্রজেক্টে বসান। পরে সম্পাদনার জন্য পড়ার উপযোগী সোর্সটি রেখে দিন।
কাদের জন্য
- ফ্রন্টএন্ড ডেভেলপাররা স্ট্যাটিক পেজ, কম্পোনেন্ট ডেমো বা ইমেইল টেমপ্লেটের ছোট প্রোডাকশন কপি তৈরি করতে পারেন।
- পারফরম্যান্স টিম ফরম্যাটিং এবং ডেভেলপমেন্ট কমেন্টের কারণে আনকম্প্রেসড HTML-এ কত বাইট যোগ হয়েছে তা মাপতে পারে।
- CMS এডিটররা এক্সপোর্ট করা পেজের অংশ টেমপ্লেট বা কনটেন্ট ব্লকে বসানোর আগে ছোট করে নিতে পারেন।
- শিক্ষার্থীরা সহজে পড়া যায় এমন সোর্স মার্কআপের সঙ্গে ব্রাউজারের বোঝার উপযোগী সংক্ষিপ্ত রূপ তুলনা করতে পারেন।
সাধারণ প্রশ্ন
এই HTML মিনিফায়ার কি ফ্রি?
হ্যাঁ। কোনো অ্যাকাউন্ট, ডাউনলোড বা ব্যবহারের কোটা ছাড়াই HTML মিনিফায়ারটি ফ্রি ব্যবহার করা যায়। মার্কআপ পেস্ট করুন, সঙ্গে সঙ্গে ফলাফল দেখুন এবং ব্রাউজার থেকেই কপি করুন।
আমার HTML কি কোথাও আপলোড হয়?
না। মিনিফাই করা এবং বাইট মাপার পুরো কাজ আপনার ব্রাউজারেই হয়। পেস্ট করা HTML কোনো সার্ভারে পাঠানো হয় না, তাই অপ্রকাশিত টেমপ্লেট, অভ্যন্তরীণ লিংক ও ব্যক্তিগত পেজের অংশ নিজের ডিভাইসেই প্রক্রিয়া করতে পারেন।
কত বড় HTML মিনিফাই করা যাবে?
টুলটি ইনপুট আপলোড করে না, তাই সার্ভার থেকে নির্ধারিত কোনো সাইজ সীমা নেই। ব্যবহারিক সীমা ব্রাউজারের মেমোরি ও ডিভাইসের ওপর নির্ভর করে, তবে সাধারণ পেজ, টেমপ্লেট এবং ইমেইল ডকুমেন্ট সঙ্গে সঙ্গে হালনাগাদ হওয়ার কথা।
মিনিফায়ার কি script বা style কনটেন্ট বদলে দেয়?
না। script ও style element-এর ভেতরের কনটেন্ট বাইট-বাই-বাইট একই থাকে। preformatted এবং textarea কনটেন্টের ক্ষেত্রেও একই সুরক্ষা প্রযোজ্য, কারণ সেখানে স্পেস ও লাইন ব্রেক অর্থপূর্ণ হতে পারে। ভেতরের CSS বা JavaScript-ও কম্প্রেস করতে হলে আলাদা মিনিফায়ার ব্যবহার করুন।
কোন HTML কমেন্ট সরানো হয়?
কমেন্ট সরানোর অপশন চালু থাকলে সাধারণ development comment বাদ যায়। কার্যকর Internet Explorer conditional comment, server-side include নির্দেশনা এবং Knockout binding comment আউটপুটে থেকে যায়, কারণ সেগুলো মুছলে আচরণ বদলে যেতে পারে। চাইলে অপশনটি বন্ধ করে সব কমেন্ট রাখতে পারেন।
HTML মিনিফাই করলে কি পেজের চেহারা বদলাতে পারে?
খুব আক্রমণাত্মকভাবে হোয়াইটস্পেস সরালে শব্দ জুড়ে যেতে পারে বা স্পেস-নির্ভর কনটেন্ট বদলে যেতে পারে। এই টুল সতর্ক পদ্ধতি ব্যবহার করে: অতিরিক্ত হোয়াইটস্পেস কমায়, দরকার হতে পারে এমন inline separator রাখে এবং raw বা preformatted block অক্ষত রাখে। মিনিফাই করার পর প্রোডাকশন পেজ অবশ্যই পরীক্ষা করুন।
পরে কি আসল ফরম্যাটিং ফিরিয়ে আনা যাবে?
ফরম্যাটার মিনিফাই করা HTML-এ পড়ার উপযোগী ইনডেন্টেশন যোগ করতে পারে, কিন্তু সরানো কমেন্ট বা আগের হুবহু লাইন ব্রেক ফিরিয়ে আনতে পারে না। পড়ার উপযোগী সোর্স ফাইল version control-এ রাখুন এবং মিনিফাই করা ফলাফলকে build output হিসেবে ব্যবহার করুন।