ಉಚಿತ ಪರಿವರ್ತಕ

HTML ಮಿನಿಫೈಯರ್

ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ತಕ್ಷಣವೇ HTML ಕೋಡ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡಿ ಮತ್ತು ಕುಗ್ಗಿಸಿ. ಕಾಮೆಂಟ್‌ಗಳನ್ನು ತೆಗೆದುಹಾಕಿ, ವೈಟ್‌ಸ್ಪೇಸ್ ಅನ್ನು ಕುಗ್ಗಿಸಿ ಮತ್ತು ಫೈಲ್ ಗಾತ್ರವನ್ನು ಕಡಿಮೆ ಮಾಡಿ. ಉಚಿತ ಮತ್ತು ಖಾಸಗಿ.

ಇಲ್ಲಿ HTML ಫೈಲ್ ಅನ್ನು ಎಳೆಯಿರಿ ಮತ್ತು ಬಿಡಿ

.html ಮತ್ತು .htm ಫೈಲ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಅಥವಾ ನಿಮ್ಮ HTML ಅನ್ನು ಮೇಲೆ ಅಂಟಿಸಿ.

ಅಥವಾ

ಈ ಉಪಕರಣದ ಬಗ್ಗೆ

HTML ಮಿನಿಫಿಕೇಶನ್ ವೆಬ್‌ಪುಟದ ಮೂಲದಿಂದ ಅನಗತ್ಯ ಅಕ್ಷರಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡುತ್ತದೆ - ಟ್ಯಾಗ್‌ಗಳು, ಕಾಮೆಂಟ್‌ಗಳು, ಅನಗತ್ಯ ಉಲ್ಲೇಖಗಳು, ಐಚ್ಛಿಕ ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ಗಳ ನಡುವಿನ ಅಂತರ - ಪುಟವು ಹೇಗೆ ಸಲ್ಲಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಬದಲಾಯಿಸದೆ ಫೈಲ್ ಗಾತ್ರವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಉಳಿತಾಯವು ಪ್ರತಿ ಪುಟಕ್ಕೆ ಸಾಧಾರಣವಾಗಿರುತ್ತದೆ (ಸಾಮಾನ್ಯವಾಗಿ 10-30%) ಆದರೆ ಅನೇಕ ವಿನಂತಿಗಳಾದ್ಯಂತ ಸಂಯುಕ್ತವಾಗಿದೆ, ನಿರ್ದಿಷ್ಟವಾಗಿ ಸ್ಥಿರ ಸೈಟ್‌ಗಳು ಅಥವಾ ಡೈನಾಮಿಕ್ ಕಂಪ್ರೆಷನ್ ಇಲ್ಲದೆ ಒದಗಿಸಲಾದ ಪುಟಗಳಿಗೆ.

ಈ ಮಿನಿಫೈಯರ್ ಬ್ಲಾಕ್-ಲೆವೆಲ್ ಅಂಶಗಳ ನಡುವಿನ ವೈಟ್‌ಸ್ಪೇಸ್ ಅನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ, ಗಮನಾರ್ಹವಲ್ಲದ ಪಠ್ಯದೊಳಗೆ ವೈಟ್‌ಸ್ಪೇಸ್‌ನ ರನ್‌ಗಳನ್ನು ಕುಗ್ಗಿಸುತ್ತದೆ, HTML ಕಾಮೆಂಟ್‌ಗಳನ್ನು (IE ಷರತ್ತುಬದ್ಧ ಕಾಮೆಂಟ್‌ಗಳನ್ನು ಹೊರತುಪಡಿಸಿ), HTML5 ಸ್ಪೆಕ್‌ನಿಂದ ಅನುಮತಿಸಲಾದ ಅನಗತ್ಯ ಗುಣಲಕ್ಷಣ ಉಲ್ಲೇಖಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ ಮತ್ತು ಐಚ್ಛಿಕ ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ (</p>, </lipec>). ಫಲಿತಾಂಶವು ಪ್ರತಿ ಬ್ರೌಸರ್‌ನಲ್ಲಿನ ಮೂಲಕ್ಕೆ ಒಂದೇ ರೀತಿಯಲ್ಲಿ ಸಲ್ಲಿಸುತ್ತದೆ.

ಸರ್ವರ್ ಮಟ್ಟದಲ್ಲಿ gzip ಅಥವಾ Brotli ಸಂಕೋಚನದೊಂದಿಗೆ ಜೋಡಿಸಿದಾಗ ಮಿನಿಫಿಕೇಶನ್ ಹೆಚ್ಚು ಉಪಯುಕ್ತವಾಗಿದೆ. ಸಂಕೋಚನವು ಈಗಾಗಲೇ ಹೆಚ್ಚಿನ ಉಳಿತಾಯವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ, ಆದರೆ ಎರಡು ಸಂಯೋಜಿತವು ಸಂಕೋಚನವನ್ನು ಮಾತ್ರ ಸೋಲಿಸುತ್ತದೆ - ವಿಶೇಷವಾಗಿ ಬ್ಯಾಂಡ್‌ವಿಡ್ತ್ ವೆಚ್ಚವು ಮುಖ್ಯವಾದ ಹೆಚ್ಚಿನ ಟ್ರಾಫಿಕ್ ಸೈಟ್‌ಗಳಿಗೆ.

HTML ಅನ್ನು ಏಕೆ ಕಡಿಮೆಗೊಳಿಸಬೇಕು

ಚಿಕ್ಕದಾದ HTML ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ, ವಿಶೇಷವಾಗಿ ನಿಧಾನವಾದ ಸಂಪರ್ಕಗಳು ಮತ್ತು ಮೊಬೈಲ್ ನೆಟ್‌ವರ್ಕ್‌ಗಳಲ್ಲಿ. ಪುಟದ ತೂಕವು ಕೋರ್ ವೆಬ್ ವೈಟಲ್‌ಗಳ ಮೇಲೆ ನೇರವಾಗಿ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ - ಸರ್ವರ್ ಪಾರ್ಸ್ ಮಾಡಲು ಕಡಿಮೆ HTML ಅನ್ನು ಹಿಂತಿರುಗಿಸಿದಾಗ ಮೊದಲ ಬೈಟ್‌ಗೆ ದೊಡ್ಡ ವಿಷಯ ಮತ್ತು ಸಮಯ ಎರಡೂ ಸುಧಾರಿಸುತ್ತದೆ. SEO ಶ್ರೇಯಾಂಕವು ಕೋರ್ ವೆಬ್ ವೈಟಲ್ಸ್ ಸ್ಕೋರ್‌ಗಳನ್ನು ಅವಲಂಬಿಸಿರುವ ಸೈಟ್‌ಗಳಿಗೆ, ಮಿನಿಫಿಕೇಶನ್ ಅಳೆಯಬಹುದಾದ ಸುಧಾರಣೆಯಾಗಿದೆ.

Minified HTML ಸಹ ಪ್ರಮಾಣದಲ್ಲಿ ಬ್ಯಾಂಡ್‌ವಿಡ್ತ್ ವೆಚ್ಚವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಪ್ರತಿ ಪುಟಕ್ಕೆ 10 KB ಉಳಿತಾಯದೊಂದಿಗೆ ದಿನಕ್ಕೆ ಮಿಲಿಯನ್ ಪುಟಗಳನ್ನು ಒದಗಿಸುವ ಸೈಟ್ ಪ್ರತಿದಿನ 10 GB ಯ ಎಗ್ರೆಸ್ ಅನ್ನು ಉಳಿಸುತ್ತದೆ. ಡೇಟಾ ವರ್ಗಾವಣೆಯ ಮೂಲಕ ಬಿಲ್ ಮಾಡುವ CDN ಗಳಿಂದ ಸ್ಥಾಯೀ ಸೈಟ್‌ಗಳ ಪ್ರಭಾವದ ಸಂಯುಕ್ತಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ.

ಬಳಸುವುದು ಹೇಗೆ

HTML ಅನ್ನು ಅಂಟಿಸಿ, ಮಿನಿಫೈಡ್ ಆವೃತ್ತಿಯನ್ನು ಪಡೆಯಿರಿ.

  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, ಕೋನೀಯ) HTML ಅನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಉತ್ಪಾದನಾ ನಿರ್ಮಾಣಗಳಲ್ಲಿ ಕಡಿಮೆಗೊಳಿಸುತ್ತವೆ. ಈ ಉಪಕರಣವು ಸ್ಥಾಯೀ HTML ಫೈಲ್‌ಗಳು, ಇಮೇಲ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಮತ್ತು ಬಿಲ್ಡ್ ಸಿಸ್ಟಮ್ ಇಲ್ಲದ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಉಪಯುಕ್ತವಾಗಿದೆ.
ಇದು ಇನ್‌ಲೈನ್ CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆಯೇ?
ಈ ಉಪಕರಣವು HTML ರಚನೆಯ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ. ಇನ್‌ಲೈನ್ <ಸ್ಟೈಲ್> ಮತ್ತು <ಸ್ಕ್ರಿಪ್ಟ್> ವಿಷಯಗಳನ್ನು ಹಾಗೆಯೇ ಸಂರಕ್ಷಿಸಲಾಗಿದೆ. ಅವರಿಗಾಗಿ, ಅತ್ಯುತ್ತಮ ಫಲಿತಾಂಶಗಳಿಗಾಗಿ ಮೀಸಲಾದ CSS ಮತ್ತು JavaScript ಮಿನಿಫೈಯರ್‌ಗಳನ್ನು ಬಳಸಿ.
ಐಚ್ಛಿಕ ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ಗಳನ್ನು ತೆಗೆದುಹಾಕಲು ಸುರಕ್ಷಿತವೇ?
ಪ್ರತಿ HTML5 ಸ್ಪೆಕ್‌ಗೆ ಹೌದು, ಫಲಿತಾಂಶವನ್ನು ಓದಲು ಕಷ್ಟವಾಗಿದ್ದರೂ. ಕೆಲವು ತಂಡಗಳು ಸ್ಪಷ್ಟತೆಗಾಗಿ ಈ ರೂಪಾಂತರವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತವೆ, ಸ್ವಲ್ಪ ಗಾತ್ರದ ಪೆನಾಲ್ಟಿಯನ್ನು ಸ್ವೀಕರಿಸುತ್ತವೆ.
ನನ್ನ HTML ಅನ್ನು ಸರ್ವರ್‌ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಲಾಗಿದೆಯೇ?
ಇಲ್ಲ. ಮಿನಿಫೈಯರ್ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತದೆ.
ಇದು html-minifier-terser ಗೆ ಹೇಗೆ ಹೋಲಿಸುತ್ತದೆ?
html-minifier-terser ಕ್ಯಾನೊನಿಕಲ್ Node.js HTML ಮಿನಿಫೈಯರ್ ಆಗಿದೆ ಮತ್ತು ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಆಕ್ರಮಣಕಾರಿ ಫಲಿತಾಂಶಗಳನ್ನು ನೀಡುತ್ತದೆ. ಈ ಉಪಕರಣವು ಬಿಲ್ಡ್ ಸೆಟಪ್ ಇಲ್ಲದೆ ಬ್ರೌಸರ್-ಸೈಡ್ ಬಳಕೆಗಾಗಿ ಅದೇ ರೂಪಾಂತರಗಳನ್ನು ಒಳಗೊಳ್ಳುತ್ತದೆ.
ನಾನು ಯಾವಾಗಲೂ ಕಡಿಮೆ ಮಾಡಬೇಕೇ ಅಥವಾ ಆಯ್ದುಕೊಳ್ಳಬೇಕೇ?
ಯಾವಾಗಲೂ ಉತ್ಪಾದನೆಗೆ. ಆವೃತ್ತಿ ನಿಯಂತ್ರಣದಲ್ಲಿ ಮೂಲ ಕೋಡ್‌ಗಾಗಿ ಎಂದಿಗೂ; ಮೂಲದಲ್ಲಿ ಓದಬಲ್ಲ HTML ನಿರ್ವಹಣೆಗೆ ಅತ್ಯಗತ್ಯ.