ویژگیهای کلیدی
- فشردهسازی فوری HTML در مرورگر (بدون آپلود)
- حذف نظرات، فشردهسازی فضاهای خالی و شکستن خطوط
- بهینهسازیهای ایمن ویژگیها (نقلقولها/بولین/تگهای پایان اختیاری)
- قوانین حفظ هوشمند برای <pre>, <code>, <textarea>, SVG درونخطی
- کوچکسازی اختیاری CSS/JS درونخطی (پیشفرضهای محافظهکارانه)
- کپی یککلیکی و دانلود HTML فشردهشده
- کار روی دسکتاپ و موبایل؛ عالی در CI/CD
🛠️ نحوه کوچکسازی HTML for html-minifier
چسباندن یا آپلود HTML شما
فایل .html خود را رها کنید یا کد را در ویرایشگر بچسبانید.
انتخاب گزینهها
پیشفرضهای محافظهکارانه را انتخاب کنید یا کوچکسازی CSS/JS درونخطی را فعال کنید.
کوچکسازی و صادر کردن
نتیجه را کپی کنید یا یک .min.html برای استقرار دانلود کنید.
مشخصات فنی
تبدیلهای اصلی (ایمن به صورت پیشفرض)
عملیاتهای اعمال شده با تنظیمات محافظهکارانه برای حفظ اعتبار HTML5.
| عملیات | اعمال شده | یادداشتها |
|---|---|---|
| حذف نظرات HTML <!-- ... --> | ✅ | نظرات مجوز با <!--! ... --> قابل حفظ هستند |
| فشردهسازی فضاهای خالی و خطوط جدید | ✅ | معناشناسی را در <pre>, <code>, <textarea> حفظ میکند |
| هرس ویژگیهای زائد/نقطهویرگول در استایل درونخطی | ✅ | بدون مرتبسازی مجدد ویژگیها |
| حذف تگهای پایانی اختیاری (مثلاً </li>, </p>) | ✅ اختیاری | فقط در صورت ایمن فعال میشود |
| ویژگیهای بولین (مثلاً disabled) | ✅ | تبدیل disabled="disabled" → disabled |
| حذف نقلقولهای غیرضروری | ✅ | وقتی مقادیر ویژگی توکنهای ایمن هستند |
| کوچکسازی CSS/JS درونخطی | ✅ اختیاری | محافظهکارانه؛ حفظ جداکنندههای قالببندی |
قوانین حفظ
عناصر/مناطقی که فاصلههای سفید یا محتوا باید حفظ شوند.
| متن | حفظ شده | یادداشتها |
|---|---|---|
| <pre>, <code>, <textarea> | بله | بدون فشردهسازی فاصله سفید |
| <script>/<style> درونخطی | قابل پیکربندی | کوچکسازی فقط در صورت فعالسازی |
| نشانگرهای سرور/قالب | بله | نگهداری {{ }}, <% %>, {% %}, ${{ }} و غیره |
| SVG/MathML درونخطی | بله | حفظ فاصله سفید ساختاری |
کاهش اندازه معمول
با تراکم قالببندی و نظرات متفاوت است.
| سبک ورودی | صرفهجویی معمول |
|---|---|
| به شدت قالببندی شده با نظرات | ۴۰٪–۶۰٪ |
| قالببندی متوسط | ۲۰٪–۴۰٪ |
| از قبل فشرده | ۵٪–۱۵٪ |
جایگزینهای 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مخففکننده HTML محبوب مبتنی بر Node با گزینههای CSS/JS
Linux/macOS
minify-html (Rust, بسیار سریع)
minify-html --keep-whitespace=false --minify-css --minify-js src/index.html > dist/index.min.htmlنصب از طریق cargo یا مدیر بسته؛ عملکرد عالی
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 با ارسال بایتهای کمتر
- حذف نظرات قبل از استقرار
<!-- این را در تولید حذف کنید -->اتوماسیون CI/CD
- مخففسازی در حین ساخت (خروجی Vite/Webpack/Next.js)
- فشردهسازی پیشتر با gzip/brotli پس از مخففسازی
- بستهبندی سایتهای استاتیک برای CDNها
آزمایش A/B و قالبسازی
- ارسال قالبهای فشرده
- حفظ جایگاهها برای SSR/ISR
- پرهیز از شکستن مناطق حساس به فاصله سفید
❓ Frequently Asked Questions
مخففسازی HTML چه میکند؟
آیا <pre>، <code> یا قالبها را خراب میکند؟
آیا میتواند CSS و JS درونخطی را مخفف کند؟
فایل من چقدر میتواند بزرگ باشد؟
آیا HTML من به سرور آپلود میشود؟
Pro Tips
یک منبع غیرمینیفای شده برای دیباگ نگه دارید؛ مینیفای کردن را فقط در بیلدهای تولیدی خودکار کنید.
مینیفای کردن inline CSS/JS را فقط زمانی فعال کنید که قطعات کد شما معتبر و بدون قالببندی باشند.
پس از مینیفیکیشن، با gzip/brotli روی سرور/CDN فشردهسازی کنید تا بیشترین صرفهجویی حاصل شود.
نظرات مجوز را با <!--! ... --> حفظ کنید اگر توسط مجوزهای کد شخص ثالث الزامی است.
Additional Resources
Other Tools
- زیباکننده CSS
- زیباکننده HTML
- زیباکننده JavaScript
- زیباکننده PHP
- انتخابگر رنگ
- استخراجکننده اسپرایت
- دیکودر Base64
- انکودر Base64
- فرمتدهنده C#
- فرمتدهنده CSV
- Dockerfile Formatter
- فرمتدهنده Elm
- فرمتدهنده ENV
- فرمتدهنده Go
- فرمتدهنده GraphQL
- فرمتدهنده HCL
- فرمتدهنده INI
- فرمتدهنده JSON
- فرمتدهنده LaTeX
- فرمتدهنده Markdown
- فرمتدهنده Objective-C
- Php Formatter
- فرمتدهنده Proto
- فرمتدهنده Python
- فرمتدهنده Ruby
- فرمتدهنده Rust
- فرمتدهنده Scala
- فرمتدهنده اسکریپت شل
- فرمتدهنده SQL
- قالببندی SVG
- قالببندی Swift
- قالببندی TOML
- Typescript Formatter
- قالببندی XML
- قالببندی YAML
- قالببندی Yarn
- کوچککننده CSS
- Javascript Minifier
- کوچککننده JSON
- کوچککننده XML
- نمایشگر هدرهای HTTP
- PDF به متن
- تستکننده Regex
- بررسیکننده رتبه SERP
- جستجوی Whois