Loading…

সম্পর্কে অনলাইন HTML মিনিফায়ার

সেকেন্ডের মধ্যে আপনার পেজগুলো হালকা করুন ⚡। আমাদের HTML মিনিফায়ার কমেন্ট সরায়, হোয়াইটস্পেস কলাপ্স করে, নিরাপদ হলে ঐচ্ছিক কোটস সরায় এবং ঐচ্ছিকভাবে ইনলাইন CSS/JS মিনিফাই করতে পারে। প্রোডাকশন বিল্ড, CI/CD, এবং কোর ওয়েব ভাইটালস উন্নতির জন্য পারফেক্ট। ১০০% ক্লায়েন্ট-সাইড — আপনার কোড কখনোই আপনার ব্রাউজার ছাড়ে না।

মূল বৈশিষ্ট্য

  • তাৎক্ষণিক, ব্রাউজারে HTML সংকোচন (কোন আপলোড নেই)
  • মন্তব্য সরায়, হোয়াইটস্পেস ও লাইন ব্রেক সংকুচিত করে
  • নিরাপদ বৈশিষ্ট্য অপ্টিমাইজেশন (কোট/বুলিয়ান/ঐচ্ছিক শেষ ট্যাগ)
  • <pre>, <code>, <textarea>, ইনলাইন SVG-এর জন্য স্মার্ট সংরক্ষণ নিয়ম
  • ইনলাইন CSS/JS-এর ঐচ্ছিক মিনিফিকেশন (রক্ষণশীল ডিফল্ট)
  • এক ক্লিকে কপি ও মিনিফাইড HTML ডাউনলোড
  • ডেস্কটপ ও মোবাইলে কাজ করে; CI/CD-তে দুর্দান্ত

🛠️ কিভাবে HTML মিনিফাই করবেন for html-minifier

1

আপনার HTML পেস্ট বা আপলোড করুন

আপনার .html ফাইল ড্রপ করুন বা কোড এডিটরে পেস্ট করুন।

2

বিকল্পগুলি নির্বাচন করুন

রক্ষণশীল ডিফল্ট নির্বাচন করুন বা ইনলাইন CSS/JS মিনিফিকেশন সক্ষম করুন।

3

মিনিফাই ও এক্সপোর্ট

ফলাফল কপি করুন বা ডিপ্লয়মেন্টের জন্য .min.html ডাউনলোড করুন।

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

মূল রূপান্তর (ডিফল্টভাবে নিরাপদ)

HTML5 বৈধ রাখতে রক্ষণশীল সেটিংস সহ প্রয়োগ করা অপারেশন।

অপারেশনপ্রয়োগকৃতনোট
HTML মন্তব্য সরান <!-- ... -->✅লাইসেন্স মন্তব্য <!--! ... --> সংরক্ষণ করা যেতে পারে
হোয়াইটস্পেস ও নিউলাইন সংকুচিত করুন✅<pre>, <code>, <textarea>-এ শব্দার্থবিদ্যা সংরক্ষণ করে
ইনলাইন স্টাইলে অপ্রয়োজনীয় বৈশিষ্ট্য/সেমিকোলন ট্রিম করুন✅বৈশিষ্ট্যগুলোর পুনর্বিন্যাস নেই
ঐচ্ছিক শেষ ট্যাগ সরান (যেমন, </li>, </p>)✅ ঐচ্ছিকশুধুমাত্র নিরাপদ হলে সক্রিয়
বুলিয়ান বৈশিষ্ট্য (যেমন, disabled)✅disabled="disabled" → disabled এ রূপান্তর করে
অপ্রয়োজনীয় উদ্ধৃতি সরান✅যখন বৈশিষ্ট্যের মান নিরাপদ টোকেন হয়
ইনলাইন CSS/JS ছোট করুন✅ ঐচ্ছিকরক্ষণশীল; টেমপ্লেটিং সীমাঙ্ক সংরক্ষণ করুন

সংরক্ষণ নিয়ম

উপাদান/অঞ্চল যেখানে হোয়াইটস্পেস বা বিষয়বস্তু রাখতে হবে।

প্রসঙ্গসংরক্ষিতমন্তব্য
<pre>, <code>, <textarea>হ্যাঁহোয়াইটস্পেস সংকোচন নেই
ইনলাইন <script>/<style>কনফিগারযোগ্যশুধুমাত্র সক্রিয় থাকলে ছোট করুন
সার্ভার/টেমপ্লেট মার্কারহ্যাঁ{{ }}, <% %>, {% %}, ${{ }} ইত্যাদি রাখে
ইনলাইন SVG/MathMLহ্যাঁগঠনগত হোয়াইটস্পেস রাখে

সাধারণ আকার হ্রাস

ফরম্যাটিং এবং মন্তব্য ঘনত্বের সাথে পরিবর্তিত হয়।

ইনপুট শৈলীসাধারণ সঞ্চয়
প্রচুর ফরম্যাটেড মন্তব্য সহ40%–60%
মাঝারি ফরম্যাটেড20%–40%
ইতিমধ্যে কমপ্যাক্ট5%–15%

CLI বিকল্প

এগুলো CI/CD বা বাল্ক প্রসেসিং-এর জন্য ব্যবহার করুন।

Node.js

html-minifier-terser (glob)

npx html-minifier-terser --collapse-whitespace --remove-comments --remove-optional-tags --minify-css true --minify-js true -o dist/index.min.html src/index.html

CSS/JS অপশন সহ জনপ্রিয় Node-ভিত্তিক HTML মিনিফায়ার

Linux/macOS

minify-html (Rust, অত্যন্ত দ্রুত)

minify-html --keep-whitespace=false --minify-css --minify-js src/index.html > dist/index.min.html

cargo বা pkg manager এর মাধ্যমে ইনস্টল করুন; চমৎকার পারফরম্যান্স

Windows

PowerShell + html-minifier-terser

npx html-minifier-terser --collapse-whitespace --remove-comments -o .\dist\index.min.html .\src\index.html

PowerShell বা CMD-এ কাজ করে

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

ওয়েব পারফরম্যান্স

  • HTML ট্রান্সফার সাইজ কমান
  • কম বাইট শিপ করে LCP/FCP সাহায্য করুন
  • ডিপ্লয়ের আগে কমেন্টস ট্রিম করুন
<!-- Remove this in production -->

CI/CD অটোমেশন

  • বিল্ডের সময় মিনিফাই করুন (Vite/Webpack/Next.js export)
  • মিনিফাই করার পর gzip/brotli দিয়ে প্রি-কম্প্রেস করুন
  • CDN-এর জন্য স্ট্যাটিক সাইটগুলি বান্ডেল করুন

A/B টেস্টিং ও টেমপ্লেটিং

  • কম্প্যাক্ট টেমপ্লেট শিপ করুন
  • SSR/ISR-এর জন্য প্লেসহোল্ডার সংরক্ষণ করুন
  • হোয়াইটস্পেস-সেনসিটিভ অঞ্চল ভাঙ্গা এড়িয়ে চলুন

❓ Frequently Asked Questions

HTML মিনিফিকেশন কি করে?

এটি পৃষ্ঠার রেন্ডারিং পরিবর্তন না করে অপ্রয়োজনীয় অক্ষর (কমেন্টস, অতিরিক্ত হোয়াইটস্পেস, কিছু অপশনাল ট্যাগ/কোট) সরিয়ে দেয়। ফলাফল: ছোট ফাইল এবং দ্রুত লোড।

এটি কি <pre>, <code>, বা টেমপ্লেট ভাঙবে?

না। সেই কনটেক্সটগুলি ডিফল্টভাবে সংরক্ষিত থাকে। {{ }}, <% %>, এবং {% %} এর মতো টেমপ্লেট মার্কারগুলি স্পর্শ করা হয় না।

এটি কি ইনলাইন CSS এবং JS মিনিফাই করতে পারে?

হ্যাঁ, ঐচ্ছিকভাবে। নিরাপত্তার জন্য, এটি কনজারভেটিভ মোডে বন্ধ থাকে। আপনার ইনলাইন কোড বৈধ এবং স্ব-নির্ভর হলে এটি চালু করুন।

আমার ফাইল কত বড় হতে পারে?

সহজ ব্রাউজার ইউএক্সের জন্য, আমরা প্রায় ~১ এমবি পর্যন্ত সুপারিশ করি। বড় পাইপলাইনগুলির জন্য উপরে তালিকাভুক্ত সিএলআই টুলস ব্যবহার করা উচিত।

আমার এইচটিএমএল কি সার্ভারে আপলোড হয়?

না। প্রক্রিয়াকরণ সম্পূর্ণরূপে ক্লায়েন্ট-সাইডে আপনার ব্রাউজারে হয় গতি এবং গোপনীয়তার জন্য।

Pro Tips

Best Practice

ডিবাগিংয়ের জন্য একটি অমিনিফাইড সোর্স রাখুন; শুধুমাত্র প্রোডাকশন বিল্ডে মিনিফাই স্বয়ংক্রিয় করুন।

Best Practice

ইনলাইন সিএসএস/জেএস মিনিফাই শুধুমাত্র তখনই সক্ষম করুন যখন আপনার স্নিপেটগুলি বৈধ এবং টেমপ্লেটিং-মুক্ত হয়।

Best Practice

সর্বোচ্চ সঞ্চয়ের জন্য মিনিফিকেশনের পর সার্ভার/সিডিএনে gzip/brotli দিয়ে প্রি-কম্প্রেস করুন।

Best Practice

তৃতীয় পক্ষের কোড লাইসেন্স দ্বারা প্রয়োজন হলে <!--! ... --> দিয়ে লাইসেন্স কমেন্টস সংরক্ষণ করুন।

Additional Resources

এমডিএন: মিনিফিকেশন
Documentation
WHATWG HTML স্ট্যান্ডার্ড
Documentation
html-minifier-terser ডক্স
Documentation
minify-html (Rust) ডক্স
Documentation

Other Tools