বিনামূল্যে কনভার্টার

HTML মিনিফায়ার

আপনার ব্রাউজারে তাৎক্ষণিকভাবে HTML কোড মিনিফাই ও সংকুচিত করুন। মন্তব্য মুছুন, হোয়াইটস্পেস কমান এবং ফাইলের আকার কমান। বিনামূল্যে ও নিরাপদ।

এখানে HTML ফাইল টেনে আনুন

.html এবং .htm ফাইল সমর্থিত। অথবা উপরে আপনার HTML পেস্ট করুন।

অথবা

এই টুল সম্পর্কে

এইচটিএমএল মিনিফিকেশন ওয়েবপেজের উৎস থেকে অপ্রয়োজনীয় অক্ষরগুলিকে সরিয়ে দেয় — ট্যাগ, মন্তব্য, অপ্রয়োজনীয় উদ্ধৃতি, ঐচ্ছিক ক্লোজিং ট্যাগের মধ্যে সাদা স্থান — পৃষ্ঠার রেন্ডার করার পদ্ধতি পরিবর্তন না করে ফাইলের আকার কমাতে। প্রতি পৃষ্ঠায় সঞ্চয়গুলি পরিমিত (সাধারণত 10-30%) তবে অনেকগুলি অনুরোধের সাথে মিলিত হয়, বিশেষ করে স্ট্যাটিক সাইট বা ডায়নামিক কম্প্রেশন ছাড়া পরিবেশিত পৃষ্ঠাগুলির জন্য।

এই মিনিফায়ারটি ব্লক-স্তরের উপাদানগুলির মধ্যে হোয়াইটস্পেস সরিয়ে দেয়, অ-উল্লেখযোগ্য পাঠ্যের ভিতরে হোয়াইটস্পেসের রানগুলিকে ভেঙে দেয়, এইচটিএমএল মন্তব্যগুলি (IE শর্তসাপেক্ষ মন্তব্যগুলি ব্যতীত), অপ্রয়োজনীয় বৈশিষ্ট্যের উদ্ধৃতিগুলিকে সরিয়ে দেয় যেখানে HTML5 বৈশিষ্ট্য দ্বারা অনুমোদিত হয়, এবং ঐচ্ছিক ক্লোজিং ট্যাগগুলিকে এলিড করে (</p>, </li> যেখানে specmit)৷ ফলাফল প্রতিটি ব্রাউজারে উৎসে অভিন্নভাবে রেন্ডার করে।

সার্ভার লেভেলে gzip বা Brotli কম্প্রেশনের সাথে পেয়ার করা হলে Minification সবচেয়ে কার্যকর। কম্প্রেশন ইতিমধ্যেই অনেক সঞ্চয় মিনিফিকেশনকে সরিয়ে দেয়, তবে দুটি মিলিতভাবে এখনও একা কম্প্রেশনকে হারায় - বিশেষ করে উচ্চ-ট্রাফিক সাইটগুলির জন্য যেখানে ব্যান্ডউইথের খরচ গুরুত্বপূর্ণ।

কেন HTML Minify

ছোট HTML দ্রুত লোড হয়, বিশেষ করে ধীর সংযোগ এবং মোবাইল নেটওয়ার্কে। পৃষ্ঠার ওজন সরাসরি কোর ওয়েব ভাইটালকে প্রভাবিত করে — সার্ভার পার্স করার জন্য কম এইচটিএমএল ফেরত দিলে সবচেয়ে বড় কন্টেন্টফুল পেইন্ট এবং ফার্স্ট বাইট করার সময় উভয়ই উন্নতি করে। এসইও র‍্যাঙ্কিং কোর ওয়েব ভাইটাল স্কোরের উপর নির্ভর করে এমন সাইটগুলির জন্য, মিনিফেকশন একটি পরিমাপযোগ্য উন্নতি।

Minified HTML স্কেলে ব্যান্ডউইথ খরচ কমিয়ে দেয়। একটি সাইট প্রতি পৃষ্ঠায় 10 KB সঞ্চয় সহ দিনে এক মিলিয়ন পৃষ্ঠা পরিবেশন করে প্রতিদিন 10 GB প্রস্থান সাশ্রয় করে৷ স্ট্যাটিক সাইটগুলির জন্য প্রভাব যৌগগুলি CDN থেকে পরিবেশিত হয় যা ডেটা স্থানান্তর দ্বারা বিল করে।

কিভাবে ব্যবহার করবেন

এইচটিএমএল পেস্ট করুন, ছোট সংস্করণ পান।

  1. HTML ইনপুট যোগ করুন: ইনপুট এলাকায় HTML উৎস আটকান বা একটি .html ফাইল ড্রপ করুন। মিনিফায়ার যেকোনো বৈধ HTML5 মার্কআপ গ্রহণ করে।
  2. বিকল্পগুলি বেছে নিন: ডিফল্ট মন্তব্যগুলি সরিয়ে দেয় এবং হোয়াইটস্পেস ভেঙে দেয়; আপনি যদি নির্দিষ্ট উপাদানগুলি সংরক্ষণ করতে চান তবে আপনি পৃথক রূপান্তরগুলি অক্ষম করতে পারেন (যেমন, ডকুমেন্টেশনের জন্য মন্তব্য রাখুন)।
  3. ছোট করুন: মিনিফায়ার HTML টোকেন স্ট্রীমে চলে, প্রতিটি সক্ষম রূপান্তর প্রয়োগ করে। আউটপুট কম আকারের সাথে কার্যকরীভাবে অভিন্ন HTML।
  4. কপি বা ডাউনলোড করুন: পরিবেশিত HTML হিসাবে ফলাফল ব্যবহার করুন. পৃষ্ঠাটি স্থাপন করার আগে লক্ষ্য ব্রাউজারে সঠিকভাবে রেন্ডার হয়েছে তা নিশ্চিত করুন।

সাধারণ ব্যবহারের ক্ষেত্রে

প্রযুক্তিগত বিবরণ

মিনিফায়ার টোকেন দ্বারা HTML টোকেন প্রক্রিয়া করে। ব্লক-লেভেল উপাদানের (<div>, <p>, <ul>) মধ্যে হোয়াইটস্পেস সরানো হয়েছে কারণ এটি রেন্ডারিংকে প্রভাবিত করে না। ইনলাইন প্রসঙ্গ (<span>, <a>, পাঠ্য বিষয়বস্তু) ভিতরে হোয়াইটস্পেস সংরক্ষণ করা হয় কারণ এটি রেন্ডারিংকে প্রভাবিত করতে পারে।

মন্তব্যগুলি ডিফল্টরূপে ছিনতাই করা হয় তবে শর্তসাপেক্ষ মন্তব্যগুলি (<!--[যদি IE]>) সংরক্ষণ করা হয়। অ্যাট্রিবিউট কোটগুলি সরানো হয় যেখানে HTML5 পার্সার অনুমতি দেয় — স্পেস বা বিশেষ অক্ষর ছাড়া একক-শব্দ বৈশিষ্ট্যের মানগুলি উদ্ধৃতি বাদ দিতে পারে।

ঐচ্ছিক ক্লোজিং ট্যাগগুলি HTML5 স্পেসিফিকেশন অনুসারে এলিড করা হয়: </p>, </li>, </td>, এবং কিছু অন্যান্য বাদ দেওয়া যেতে পারে যখন একটি ভাইবোন অনুসরণ করে যা তাদের বন্ধ বোঝায়। এটি পড়ার জন্য অস্বাভাবিক কিন্তু বৈধ HTML5 যা ব্রাউজারগুলি একইভাবে পার্স করে৷

সর্বোত্তম অনুশীলন

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী

HTML মিনিফিকেশন কি অপসারণ করে?
ট্যাগ, HTML মন্তব্য (<!-- -->), ঐচ্ছিক ক্লোজিং ট্যাগ (</li>, </p>, </td>), ডিফল্ট অ্যাট্রিবিউট মান (ইনপুটগুলিতে টাইপ="টেক্সট"), এবং বুলিয়ান অ্যাট্রিবিউট মান (অক্ষম="অক্ষম" → নিষ্ক্রিয়) এর মধ্যে অপ্রয়োজনীয় হোয়াইটস্পেস।
মাইনিফিকেশন কি আমার পৃষ্ঠা ভেঙ্গে দিতে পারে?
কদাচিৎ, কিন্তু সম্ভব যদি আপনার CSS ইনলাইন উপাদানগুলির মধ্যে সাদা স্থানের উপর নির্ভর করে বা যদি JavaScript innerHTML তুলনা ব্যবহার করে। সর্বদা মিনিফাইড আউটপুট পরীক্ষা করুন। টুলটি ডিফল্টরূপে রক্ষণশীল সেটিংস ব্যবহার করে।
আমি যদি Next.js এর মত ফ্রেমওয়ার্ক ব্যবহার করি তাহলে কি HTML ছোট করা উচিত?
বেশিরভাগ আধুনিক ফ্রেমওয়ার্ক (Next.js, Nuxt, Angular) প্রোডাকশন বিল্ডে স্বয়ংক্রিয়ভাবে HTML কে ছোট করে। এই টুলটি স্ট্যাটিক HTML ফাইল, ইমেল টেমপ্লেট এবং বিল্ড সিস্টেম ছাড়াই প্রজেক্টের জন্য উপযোগী।
এটি কি ইনলাইন সিএসএস এবং জাভাস্ক্রিপ্টকেও ছোট করে?
এই টুলটি HTML স্ট্রাকচারের উপর ফোকাস করে। ইনলাইন <স্টাইল> এবং <স্ক্রিপ্ট> বিষয়বস্তু যেমন-ই সংরক্ষিত হয়। তাদের জন্য, সর্বোত্তম ফলাফলের জন্য ডেডিকেটেড CSS এবং JavaScript মিনিফায়ার ব্যবহার করুন।
ঐচ্ছিক বন্ধ ট্যাগ অপসারণ নিরাপদ?
হ্যাঁ প্রতি HTML5 স্পেক, যদিও ফলাফল পড়া কঠিন। কিছু দল স্বচ্ছতার জন্য এই রূপান্তরটিকে অক্ষম করে, সামান্য আকারের শাস্তি স্বীকার করে।
আমার HTML কি একটি সার্ভারে আপলোড করা হয়েছে?
না। মিনিফায়ার আপনার ব্রাউজারে চলে।
এটি কিভাবে html-minifier-terser-এর সাথে তুলনা করে?
html-minifier-terser হল ক্যানোনিকাল Node.js HTML মিনিফায়ার এবং কিছুটা বেশি আক্রমণাত্মক ফলাফল তৈরি করে। এই টুলটি বিল্ড সেটআপ ছাড়াই ব্রাউজার-সাইড ব্যবহারের জন্য একই রূপান্তরগুলি কভার করে৷
আমার কি সর্বদা বা বেছে বেছে ছোট করা উচিত?
সর্বদা উত্পাদনের জন্য। সংস্করণ নিয়ন্ত্রণে সোর্স কোডের জন্য কখনই নয়; রক্ষণাবেক্ষণের জন্য উৎসে পঠনযোগ্য HTML অপরিহার্য।