HTML मिनिफ़ायर
HTML पेस्ट करें और कमेंट व फ़ालतू व्हाइटस्पेस हटाएँ, साथ ही इनलाइन CSS और JavaScript मिनिफ़ाई करें। <pre> और <textarea> के अंदर की सामग्री ठीक वैसी ही रहती है जैसी लिखी गई।
आपके ब्राउज़र में चलता हैसाइन-अप ज़रूरी नहींकुछ भी अपलोड नहीं होता
HTML मिनिफ़ायर का उपयोग कैसे करें
- HTML डॉक्यूमेंट या फ़्रैगमेंट पेस्ट करें, या कोई
.htmlफ़ाइल खोलें। - चुनें कि क्या हटाना है: कमेंट, व्हाइटस्पेस, और क्या इनलाइन
<style>व<script>ब्लॉक भी मिनिफ़ाई हों। - चेतावनी वाली लाइन देखें: सिंटैक्स एरर वाली इनलाइन स्क्रिप्ट आपका पेज तोड़ने के बजाय बिना बदले रखी जाती है।
- मिनिफ़ाइड HTML कॉपी करें या डाउनलोड करें।
क्या हटाया जाता है?
- कमेंट:
<!-- … -->हटा दिया जाता है, सिवाय Internet Explorer conditional comments और<!--!से शुरू होने वाले कमेंट के। - ब्लॉक एलिमेंट के बीच व्हाइटस्पेस:
<div>,<li>या<head>जैसे टैग के बीच की न्यूलाइन और इंडेंटेशन कभी रेंडर नहीं होते, इसलिए उन्हें पूरी तरह हटा दिया जाता है। - टेक्स्ट में लगातार स्पेस: वे एक स्पेस में सिमट जाते हैं, ठीक वैसे ही जैसे ब्राउज़र उन्हें वैसे भी रेंडर करता है।
- टैग के अंदर व्हाइटस्पेस:
<p class = "a">बन जाता है<p class="a">।
क्या सुरक्षित रहता है?
कुछ जगहों पर व्हाइटस्पेस मायने रखता है, और मिनिफ़ायर उनका सम्मान करता है। <pre> और <textarea> की सामग्री बाइट-दर-बाइट रखी जाती है। इनलाइन एलिमेंट के बीच का एक स्पेस, जैसे <b>bold</b> text, रखा जाता है क्योंकि उसे हटाने से शब्द जुड़ जाएँगे। एट्रिब्यूट वैल्यू और कोट्स कभी नहीं बदले जाते।
इनलाइन CSS और JavaScript
इनलाइन <style> ब्लॉक CSSO से और इनलाइन <script> ब्लॉक Terser से ऑप्टिमाइज़ होते हैं, वही इंजन जो CSS मिनिफ़ायर और JavaScript मिनिफ़ायर पेज पर इस्तेमाल होते हैं। JSON-LD और अन्य JSON स्क्रिप्ट ब्लॉक कॉम्पैक्ट किए जाते हैं, और अज्ञात प्रकार की स्क्रिप्ट (जैसे टेम्पलेट) को छुआ नहीं जाता।
क्या HTML मिनिफ़िकेशन फ़ायदेमंद है?
सर्वर-रेंडर्ड पेज और स्टैटिक साइट के लिए HTML डॉक्यूमेंट वह पहली चीज़ है जो ब्राउज़र डाउनलोड करता है, इसलिए बचाया गया हर बाइट पहले रेंडर का समय घटाता है। कंप्रेशन से पहले 10–25% की बचत आम है, ज़्यादा इंडेंट वाले टेम्पलेट और बड़ी इनलाइन स्क्रिप्ट वाले पेज में इससे भी ज़्यादा।
अक्सर पूछे जाने वाले सवाल
क्या HTML मिनिफ़ाई करने से मेरा पेज अलग दिखेगा?
<pre>/<textarea> की सामग्री को छुआ नहीं जाता। अगर आप CSS में white-space: pre से एलिमेंट स्टाइल करते हैं, तो व्हाइटस्पेस समेटें बंद कर दें।