കോഡ് & ഫോർമാറ്റ്

HTML മിനിഫയർ

നിങ്ങളുടെ HTML കോഡ് സൗജന്യമായി ചെറുതാക്കുക; കമന്റുകൾ, അനാവശ്യ സ്‌പെയ്‌സുകൾ, ലൈൻ ബ്രേക്കുകൾ എന്നിവ നീക്കം ചെയ്യുക. ഇത് പ്രീ/സ്ക്രിപ്റ്റ്/സ്റ്റൈൽ ഉള്ളടക്കം സംരക്ഷിക്കുകയും വലുപ്പ ലാഭം കാണിക്കുകയും ചെയ്യുന്നു.

HTML മിനിഫയർ
തീരുമാനം
യഥാർത്ഥ വലുപ്പം
കുറഞ്ഞ വലിപ്പം
സംരക്ഷിക്കുന്നു
ചുരുക്കിയ HTML
 
വിവരം

HTML മിനിഫയറിനെക്കുറിച്ച്

HTML മിനിഫിക്കേഷൻഈ പ്രക്രിയയിൽ, മനുഷ്യന്റെ വായനാക്ഷമത മെച്ചപ്പെടുത്തുന്നതിനായി ചേർത്തിട്ടുള്ളതും എന്നാൽ ബ്രൗസർ പാഴ്‌സ് ചെയ്യാത്തതുമായ അഭിപ്രായങ്ങൾ, അനാവശ്യ സ്‌പെയ്‌സുകൾ, നിങ്ങളുടെ വെബ്‌പേജിന്റെ സോഴ്‌സ് കോഡിൽ നിന്ന് ലൈൻ ബ്രേക്കുകൾ എന്നിവ നീക്കം ചെയ്യുന്നത് ഉൾപ്പെടുന്നു. ഇത് പേജ് ഫയൽ വലുപ്പം കുറയ്ക്കുകയും സെർവറിൽ നിന്ന് ക്ലയന്റിലേക്ക് കൈമാറുന്ന ഡാറ്റയുടെ അളവ് കുറയ്ക്കുകയും പേജ് ലോഡിംഗ് വേഗത ഗണ്യമായി മെച്ചപ്പെടുത്തുകയും ചെയ്യുന്നു, പ്രത്യേകിച്ച് ഉയർന്ന ട്രാഫിക് ഉള്ള സൈറ്റുകളിൽ.

ഇത് സൗജന്യമാണ്. HTML മിനിഫയർ ഈ ഉപകരണം പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രവർത്തിക്കുന്നത്; ഇത് ഒരിക്കലും നിങ്ങളുടെ കോഡ് ഒരു സെർവറിലേക്ക് അയയ്ക്കുന്നില്ല. <pre> എന്നതിൽ നിന്ന്, <ടെക്സ്റ്റ് ഏരിയ>, <സ്ക്രിപ്റ്റ്> കൂടാതെ <ശൈലി> `<head>` ടാഗുകൾക്കുള്ളിലെ സ്‌പെയ്‌സുകൾ സംരക്ഷിക്കപ്പെടുന്നു, ഇത് കോഡ് ഘടനയും JavaScript/CSS പ്രവർത്തനക്ഷമതയും മാറ്റമില്ലാതെ തുടരുന്നു എന്ന് ഉറപ്പാക്കുന്നു. ഈ ടാഗുകൾക്ക് പുറത്തുള്ള അധിക HTML മാത്രമേ സുരക്ഷിതമായി നീക്കം ചെയ്യൂ.

കുറയ്ക്കൽ പ്രക്രിയയ്ക്ക് ശേഷം യഥാർത്ഥ വലുപ്പം, കുറഞ്ഞ വലിപ്പം കൂടാതെ ശതമാന ലാഭം വിവരങ്ങൾ പ്രദർശിപ്പിച്ചിരിക്കുന്നു. ഒറ്റ ക്ലിക്കിലൂടെ നിങ്ങൾക്ക് ഫലം ക്ലിപ്പ്ബോർഡിലേക്ക് പകർത്താൻ കഴിയും. സ്റ്റാറ്റിക് സൈറ്റ് ബിൽഡർമാർ, ഇമെയിൽ ടെംപ്ലേറ്റുകൾ, ലാൻഡിംഗ് പേജ് ഒപ്റ്റിമൈസേഷൻ, സ്വമേധയാ എഴുതിയ HTML ഫയലുകൾ എന്നിവയ്ക്ക് ഹോസ്റ്റ്രാഗൺസ് HTML മിനിഫയർ അനുയോജ്യമാണ്.

ഇതെങ്ങനെ ഉപയോഗിക്കണം?

ഘട്ടം ഘട്ടമായി

  1. നിങ്ങളുടെ HTML കോഡ് പ്രവേശന സ്ഥലം നേരിട്ട് ഒട്ടിക്കുകയോ ടൈപ്പ് ചെയ്യുകയോ ചെയ്യുക.
  2. "HTML ചുരുക്കുക" ബട്ടൺ ക്ലിക്ക് ചെയ്യുക; പ്രക്രിയ നിങ്ങളുടെ ബ്രൗസറിൽ തൽക്ഷണം നടക്കും.
  3. യഥാർത്ഥ വലുപ്പം, കുറഞ്ഞ വലിപ്പം കൂടാതെ സേവിംഗ്സ് ശതമാനം അത് മെട്രിക്സുകളിൽ ദൃശ്യമാകുന്നു.
  4. ചെറുതാക്കിയ കോഡ് "പകർത്തുക" ബട്ടൺ ഉപയോഗിച്ച് അത് ക്ലിപ്പ്ബോർഡിൽ സേവ് ചെയ്ത് നിങ്ങളുടെ പ്രോജക്റ്റിൽ ഉപയോഗിക്കുക.
  5. വ്യത്യസ്തമായ ഒരു HTML പരീക്ഷിക്കാൻ "വൃത്തിയുള്ളത്" ബട്ടൺ അമർത്തി പുതിയ കോഡ് നൽകുക.
FAQ

പതിവ് ചോദ്യങ്ങൾ

<pre> എന്നതിൽ നിന്ന്, <ടെക്സ്റ്റ് ഏരിയ>, <സ്ക്രിപ്റ്റ്> കൂടാതെ <ശൈലി> `<head>` ടാഗുകൾക്കുള്ളിലെ സ്‌പെയ്‌സുകളും ലൈൻ ബ്രേക്കുകളും സംരക്ഷിക്കപ്പെടുന്നു; ഈ ടാഗുകൾക്ക് പുറത്തുള്ള അധിക സ്‌പെയ്‌സുകളും HTML കമന്റുകളും നീക്കം ചെയ്യപ്പെടുന്നു.

ഇല്ല, നിങ്ങളുടെ കോഡ് സെർവറിലേക്ക് അയച്ചിട്ടില്ല. മുഴുവൻ പ്രക്രിയയും പൂർണ്ണമായും JavaScript ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിന്റെ മെമ്മറിയിലാണ് നടക്കുന്നത്. നിങ്ങളുടെ ഡാറ്റയൊന്നും സംരക്ഷിക്കുകയോ പങ്കിടുകയോ ചെയ്യുന്നില്ല.

ഈ ഉപകരണം HTML ഘടനയിലെ ആവർത്തനങ്ങൾ മാത്രമേ വൃത്തിയാക്കൂ. ഉള്ളടക്കം<script> and <style> blocks remains unchanged, so JavaScript or CSS functionality is not affected.

സേവിംഗ്‌സിന്റെ തുക നിങ്ങളുടെ HTML-ന്റെ ഘടനയെ ആശ്രയിച്ചിരിക്കുന്നു. നിരവധി കമന്റുകളും ഇൻഡന്റേഷനുകളും ഉള്ള ഫയലുകൾക്ക് 10-40% കുറവ് കൈവരിക്കാൻ കഴിയും. ടൂൾ യഥാർത്ഥ സേവിംഗ്‌സ് ഒരു ശതമാനമായി കാണിക്കുന്നു.

HTML 4, XHTML, HTML5 എന്നിവയുമായി പൊരുത്തപ്പെടുന്നു. കമന്റ് വാക്യഘടന സ്റ്റാൻഡേർഡാണ്. <!-- ... --> ലഭ്യമായ എല്ലാ രേഖകളും പിന്തുണയ്ക്കുന്നു.