ነጻ መለወጫ

HTML ሚኒፋየር

በአሳሽዎ ውስጥ የኤችቲኤምኤል ኮድን ወዲያውኑ ያሳንሱ እና ያጭቁት። አስተያየቶችን አስወግድ፣ ቦታን ሰብስብ እና የፋይል መጠንን ቀንስ። ነፃ እና የግል።

የኤችቲኤምኤል ፋይል ወደዚህ ጎትት እና ጣል አድርግ

.html እና .htm ፋይሎችን ይደግፋል። ወይም HTMLዎን ከላይ ይለጥፉ።

ወይም

ስላዚህ መሳሪያ

ኤችቲኤምኤል ማሳነስ አላስፈላጊ ቁምፊዎችን ከድረ-ገጹ ምንጭ - በመለያዎች ፣ አስተያየቶች ፣ ተደጋጋሚ ጥቅሶች ፣ አማራጭ መዝጊያ መለያዎች - የፋይሉን መጠን ለመቀነስ ገጹን እንዴት እንደሚሠራ ሳይለውጡ ይቆርጣል። ቁጠባዎቹ በገጽ መጠነኛ ናቸው (በተለምዶ ከ10-30%) ነገር ግን ከብዙ ጥያቄዎች ጋር የተቆራኙ ናቸው፣በተለይ ለስታቲስቲክ ድረ-ገጾች ወይም ገፆች ያለተለዋዋጭ መጭመቂያ የቀረቡ ናቸው።

ይህ ሚኒየር በብሎክ-ደረጃ አካላት መካከል ያለውን ነጭ ቦታ ያስወግዳል፣ ጉልህ ባልሆነ ጽሑፍ ውስጥ የነጣ ቦታን ይሰብራል፣ የኤችቲኤምኤል አስተያየቶችን ይቆርጣል (ከIE ሁኔታዊ አስተያየቶች በስተቀር)፣ በኤችቲኤምኤል 5 ዝርዝር ውስጥ በተፈቀደው ጊዜ ተጨማሪ የባህሪ ጥቅሶችን ያስወግዳል እና ዝርዝሩ በሚፈቅድበት ቦታ አማራጭ መዝጊያ መለያዎችን (</p>፣ </li>) ያስወግዳል። ውጤቱ በእያንዳንዱ አሳሽ ውስጥ ካለው ምንጭ ጋር ተመሳሳይ ነው።

ማሳነስ በጣም ጠቃሚ የሚሆነው በአገልጋይ ደረጃ ከ gzip ወይም Brotli compression ጋር ሲጣመር ነው። መጭመቅ ቀድሞውንም አብዛኛው የቁጠባ ማነስ ያስገኛል፣ ነገር ግን ሁለቱ ሲጣመሩ አሁንም መጭመቅን ብቻውን ይመታሉ - በተለይም የመተላለፊያ ይዘት ዋጋ ላላቸው ከፍተኛ ትራፊክ ጣቢያዎች።

ኤችቲኤምኤልን ለምን አሳንስ

አነስ ያሉ ኤችቲኤምኤል በፍጥነት ይጫናሉ፣ በተለይም በዝግታ ግንኙነት እና በሞባይል አውታረ መረቦች ላይ። የገጽ ክብደት የኮር ዌብ ፋይዳዎችን በቀጥታ ይነካል - ትልቁ የይዘት ቀለም እና ጊዜ በመጀመሪያ ባይት ሁለቱም ይሻሻላሉ አገልጋዩ ትንሽ HTML ሲመልስ። የ SEO ደረጃ በCore Web Vitals ውጤቶች ላይ ለሚመረኮዝባቸው ጣቢያዎች መቀነስ የሚለካ መሻሻል ነው።

አነስተኛ ኤችቲኤምኤል እንዲሁ የመተላለፊያ ይዘት ወጪዎችን በመጠን ይቀንሳል። በቀን አንድ ሚሊዮን ገፆችን በ10 ኪባ ቁጠባ የሚያገለግል ጣቢያ በየቀኑ 10 ጂቢ የመውጣት መጠን ይቆጥባል። በውሂብ ማስተላለፍ ክፍያ ከሚከፍሉ የሲዲኤንዎች ለስታቲስቲክ ሳይቶች የተፅዕኖ ውህዶች።

እንዴት ይጠቀሙ

HTML ለጥፍ፣ የተቀነሰውን ስሪት ያግኙ።

  1. የኤችቲኤምኤል ግቤት ያክሉ: የኤችቲኤምኤል ምንጭን ወደ ግቤት ቦታ ይለጥፉ ወይም .html ፋይል ይጣሉ። አነስተኛ ማጉያው ማንኛውንም ትክክለኛ HTML5 ምልክት ይቀበላል።
  2. አማራጮችን ይምረጡ: ነባሪዎች አስተያየቶችን ያስወግዳሉ እና ነጭ ቦታን ሰብስብ; የተወሰኑ ክፍሎችን ማቆየት ከፈለጉ (ለምሳሌ፣ ለሰነድ አስተያየቶችን ያስቀምጡ) ከተናጥል ለውጦችን ማሰናከል ይችላሉ።
  3. አሳንስ: አነስተኛ ማጉያው እያንዳንዱን የነቃ ለውጥ በመተግበር የኤችቲኤምኤል ማስመሰያ ዥረት ይራመዳል። ውፅዓት ከተቀነሰ መጠን ጋር በተግባራዊ መልኩ ተመሳሳይ HTML ነው።
  4. ቅዳ ወይም አውርድ: ውጤቱን እንደ ቀረበው HTML ይጠቀሙ። ከማሰማራትዎ በፊት የገጹን በትክክል በዒላማ አሳሾች ውስጥ ያረጋግጡ።

የተለመዱ የአጠቃቀም ጉዳዮች

ቴክኒካዊ ዝርዝሮች

አነስተኛ ማጉያው የኤችቲኤምኤል ማስመሰያ በማስመሰያ ያስኬዳል። በብሎክ-ደረጃ አባሎች (<div>፣ <p>፣ <ul>) መካከል ያለው ነጭ ቦታ ይወገዳል ምክንያቱም አተረጓጎም ላይ ተጽዕኖ የለውም። በውስጥ መስመር አውድ ውስጥ ያለው ነጭ ቦታ (<span>፣ <a>፣ የጽሁፍ ይዘት) ተጠብቆ የሚገኘው አተረጓጎም ላይ ተጽእኖ ሊያሳድር ስለሚችል ነው።

አስተያየቶች በነባሪነት የተነጠቁ ናቸው ነገር ግን ሁኔታዊ አስተያየቶች (<!--[if IE]>) ተጠብቀዋል። የባህሪ ጥቅሶች HTML5 ተንታኝ በሚፈቅደው ቦታ ይወገዳሉ - የነጠላ ቃል መለያ እሴቶች ያለቦታ ወይም ልዩ ቁምፊዎች ጥቅሶችን መተው ይችላሉ።

የአማራጭ የመዝጊያ መለያዎች በኤችቲኤምኤል 5 ዝርዝር መሠረት </p>፣ </li>፣ </td> ተሽረዋል፣ እና ሌሎች ጥቂቶች የቅርብ ዘመናቸውን የሚያመለክት ወንድም ወይም እህት ሲከተሏቸው መተው ይችላሉ። ይህ ለማንበብ ያልተለመደ ነገር ግን አሳሾች በተመሳሳይ መልኩ የሚተነተኑት HTML5 የሚሰራ ነው።

ምርጥ ልምዶች

በተደጋጋሚ የሚጠየቁ ጥያቄዎች

ኤችቲኤምኤል ማሳነስ ምን ያስወግዳል?
በመለያዎች መካከል አላስፈላጊ ነጭ ቦታ፣ HTML አስተያየቶች (<!-- -->)፣ አማራጭ የመዝጊያ መለያዎች (</li>፣ </p>፣ </td>)፣ ነባሪ የባህሪ እሴቶች (በግቤቶች ላይ ዓይነት="ጽሑፍ") እና ቡሊያን አይነታ እሴቶች (disabled="disabled" → disabled)።
ማሳነስ የእኔን ገጽ መስበር ይችላል?
በጣም አልፎ አልፎ፣ ነገር ግን የእርስዎ CSS በውስጥ መስመር አካላት መካከል ባለው ነጭ ቦታ ላይ የሚመረኮዝ ከሆነ ወይም ጃቫ ስክሪፕት የውስጠ-HTML ንጽጽሮችን የሚጠቀም ከሆነ የሚቻል ነው። ሁልጊዜ የተቀነሰውን ውጤት ይሞክሩ። መሣሪያው በነባሪነት ወግ አጥባቂ ቅንብሮችን ይጠቀማል።
እንደ Next.js ያለ ማዕቀፍ ከተጠቀምኩ HTMLን መቀነስ አለብኝ?
አብዛኛዎቹ ዘመናዊ ማዕቀፎች (Next.js፣ Nuxt፣ Angular) ኤችቲኤምኤልን በራስ-ሰር በምርት ግንባታዎች ይቀንሳል። ይህ መሳሪያ ለስታቲስቲክ ኤችቲኤምኤል ፋይሎች፣ የኢሜይል አብነቶች እና የግንባታ ስርዓት ለሌላቸው ፕሮጀክቶች ጠቃሚ ነው።
Does this minify inline CSS and JavaScript too?
ይህ መሳሪያ በኤችቲኤምኤል መዋቅር ላይ ያተኩራል. የመስመር ውስጥ <style> እና <ስክሪፕት> ይዘቶች እንደነበሩ ተጠብቀዋል። ለእነዚያ፣ ለተሻለ ውጤት የተለየ CSS እና JavaScript miniifiers ይጠቀሙ።
የአማራጭ መዝጊያ መለያዎች ለማስወገድ ደህና ናቸው?
አዎ በኤችቲኤምኤል 5 ዝርዝር ሁኔታ ውጤቱ ለማንበብ ከባድ ቢሆንም። አንዳንድ ቡድኖች ትንሽ መጠን ያለውን ቅጣት በመቀበል ግልጽነት ይህን ለውጥ ያሰናክላሉ።
የእኔ HTML ወደ አገልጋይ ተሰቅሏል?
ቁጥር፡ ሚኒፋየር በአሳሽዎ ውስጥ ይሰራል።
ይህ ከ html-minifier-terser ጋር እንዴት ይነጻጸራል?
html-minifier-terser ቀኖናዊው Node.js ኤችቲኤምኤል መጨመሪያ ነው እና ትንሽ የበለጠ ጠበኛ ውጤቶችን ያስገኛል። ይህ መሣሪያ ያለ ግንባታ ማዋቀር ለአሳሽ-ጎን ጥቅም ተመሳሳይ ለውጦችን ይሸፍናል።
ሁልጊዜ መቀነስ አለብኝ ወይስ እየመረጥኩ?
ሁልጊዜ ለማምረት. በስሪት ቁጥጥር ውስጥ የምንጭ ኮድ በጭራሽ; ሊነበብ የሚችል HTML ምንጭ ለጥገና አስፈላጊ ነው።