ਮੁਫ਼ਤ ਪਰਿਵਰਤਕ

HTML ਮਿਨੀਫਾਇਰ

ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਰੰਤ HTML ਕੋਡ ਨੂੰ ਛੋਟਾ ਅਤੇ ਸੰਕੁਚਿਤ ਕਰੋ। ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾਓ, ਖਾਲੀ ਥਾਂ ਨੂੰ ਸਮੇਟੋ, ਅਤੇ ਫ਼ਾਈਲ ਦਾ ਆਕਾਰ ਘਟਾਓ। ਮੁਫਤ ਅਤੇ ਨਿੱਜੀ।

ਇੱਕ HTML ਫਾਈਲ ਨੂੰ ਇੱਥੇ ਖਿੱਚੋ ਅਤੇ ਸੁੱਟੋ

.html ਅਤੇ .htm ਫਾਈਲਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਜਾਂ ਉੱਪਰ ਆਪਣਾ HTML ਪੇਸਟ ਕਰੋ।

ਜਾਂ

ਇਸ ਟੂਲ ਬਾਰੇ

HTML ਮਿਨੀਫੀਕੇਸ਼ਨ ਵੈੱਬਪੇਜ ਦੇ ਸਰੋਤ ਤੋਂ ਬੇਲੋੜੇ ਅੱਖਰਾਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ — ਟੈਗਸ, ਟਿੱਪਣੀਆਂ, ਰਿਡੰਡੈਂਟ ਕੋਟਸ, ਵਿਕਲਪਿਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਦੇ ਵਿਚਕਾਰ ਖਾਲੀ ਥਾਂ — ਪੰਨੇ ਦੇ ਰੈਂਡਰ ਨੂੰ ਬਦਲੇ ਬਿਨਾਂ ਫਾਈਲ ਦਾ ਆਕਾਰ ਘਟਾਉਣ ਲਈ। ਬੱਚਤ ਪ੍ਰਤੀ ਪੰਨਾ ਮਾਮੂਲੀ ਹੈ (ਆਮ ਤੌਰ 'ਤੇ 10-30%) ਪਰ ਬਹੁਤ ਸਾਰੀਆਂ ਬੇਨਤੀਆਂ ਵਿੱਚ ਮਿਸ਼ਰਿਤ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਸਥਿਰ ਸਾਈਟਾਂ ਜਾਂ ਗਤੀਸ਼ੀਲ ਸੰਕੁਚਨ ਤੋਂ ਬਿਨਾਂ ਸੇਵਾ ਕੀਤੇ ਪੰਨਿਆਂ ਲਈ।

ਇਹ ਮਿਨੀਫਾਇਰ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤਾਂ ਦੇ ਵਿਚਕਾਰ ਖਾਲੀ ਥਾਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਗੈਰ-ਮਹੱਤਵਪੂਰਨ ਟੈਕਸਟ ਦੇ ਅੰਦਰ ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਸਮੇਟਦਾ ਹੈ, HTML ਟਿੱਪਣੀਆਂ (IE ਕੰਡੀਸ਼ਨਲ ਟਿੱਪਣੀਆਂ ਨੂੰ ਛੱਡ ਕੇ), ਬੇਲੋੜੇ ਗੁਣ ਕੋਟਸ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ ਜਿੱਥੇ HTML5 ਵਿਸ਼ੇਸ਼ ਦੁਆਰਾ ਆਗਿਆ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ ਵਿਕਲਪਿਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ (</p>, </li>) ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ। ਨਤੀਜਾ ਹਰੇਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਸਰੋਤ ਨੂੰ ਇੱਕੋ ਜਿਹਾ ਰੈਂਡਰ ਕਰਦਾ ਹੈ।

ਸਰਵਰ ਪੱਧਰ 'ਤੇ gzip ਜਾਂ Brotli ਕੰਪਰੈਸ਼ਨ ਨਾਲ ਪੇਅਰ ਕੀਤੇ ਜਾਣ 'ਤੇ Minification ਸਭ ਤੋਂ ਲਾਭਦਾਇਕ ਹੁੰਦਾ ਹੈ। ਕੰਪਰੈਸ਼ਨ ਪਹਿਲਾਂ ਹੀ ਬਹੁਤ ਸਾਰੇ ਬਚਤ ਮਿਨਿਫਿਕਸ਼ਨ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਪਰ ਦੋਨਾਂ ਨੇ ਅਜੇ ਵੀ ਇਕੱਲੇ ਕੰਪਰੈਸ਼ਨ ਨੂੰ ਹਰਾਇਆ ਹੈ - ਖਾਸ ਤੌਰ 'ਤੇ ਉੱਚ-ਟ੍ਰੈਫਿਕ ਸਾਈਟਾਂ ਲਈ ਜਿੱਥੇ ਬੈਂਡਵਿਡਥ ਦੀ ਲਾਗਤ ਮਾਇਨੇ ਰੱਖਦੀ ਹੈ।

HTML ਨੂੰ ਘੱਟ ਕਿਉਂ ਕਰੀਏ

ਛੋਟੇ HTML ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੁੰਦੇ ਹਨ, ਖਾਸ ਕਰਕੇ ਹੌਲੀ ਕਨੈਕਸ਼ਨਾਂ ਅਤੇ ਮੋਬਾਈਲ ਨੈੱਟਵਰਕਾਂ 'ਤੇ। ਪੰਨੇ ਦਾ ਭਾਰ ਸਿੱਧਾ ਕੋਰ ਵੈੱਬ ਵਾਇਟਲਸ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ — ਸਭ ਤੋਂ ਵੱਡਾ ਕੰਟੈਂਟਫੁੱਲ ਪੇਂਟ ਅਤੇ ਪਹਿਲਾ ਬਾਈਟ ਦਾ ਸਮਾਂ ਦੋਵੇਂ ਉਦੋਂ ਸੁਧਰ ਜਾਂਦੇ ਹਨ ਜਦੋਂ ਸਰਵਰ ਪਾਰਸ ਕਰਨ ਲਈ ਘੱਟ HTML ਵਾਪਸ ਕਰਦਾ ਹੈ। ਉਹਨਾਂ ਸਾਈਟਾਂ ਲਈ ਜਿੱਥੇ ਐਸਈਓ ਰੈਂਕਿੰਗ ਕੋਰ ਵੈੱਬ ਵਾਇਟਲਸ ਸਕੋਰਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ, ਮਿਨੀਫਿਕੇਸ਼ਨ ਇੱਕ ਮਾਪਣਯੋਗ ਸੁਧਾਰ ਹੈ।

ਮਿਨੀਫਾਈਡ HTML ਪੈਮਾਨੇ 'ਤੇ ਬੈਂਡਵਿਡਥ ਲਾਗਤਾਂ ਨੂੰ ਵੀ ਘਟਾਉਂਦਾ ਹੈ। ਪ੍ਰਤੀ ਪੰਨਾ 10 KB ਬਚਤ ਦੇ ਨਾਲ ਇੱਕ ਦਿਨ ਵਿੱਚ ਇੱਕ ਮਿਲੀਅਨ ਪੰਨਿਆਂ ਦੀ ਸੇਵਾ ਕਰਨ ਵਾਲੀ ਸਾਈਟ ਰੋਜ਼ਾਨਾ 10 GB ਨਿਕਾਸੀ ਦੀ ਬਚਤ ਕਰਦੀ ਹੈ। ਸਟੈਟਿਕ ਸਾਈਟਾਂ ਲਈ ਪ੍ਰਭਾਵ ਮਿਸ਼ਰਣ CDNs ਤੋਂ ਦਿੱਤੇ ਗਏ ਹਨ ਜੋ ਡੇਟਾ ਟ੍ਰਾਂਸਫਰ ਦੁਆਰਾ ਬਿਲ ਕਰਦੇ ਹਨ।

ਵਰਤਣ ਦਾ ਤਰੀਕਾ

HTML ਪੇਸਟ ਕਰੋ, ਛੋਟਾ ਸੰਸਕਰਣ ਪ੍ਰਾਪਤ ਕਰੋ।

  1. HTML ਇਨਪੁਟ ਸ਼ਾਮਲ ਕਰੋ: HTML ਸਰੋਤ ਨੂੰ ਇਨਪੁਟ ਖੇਤਰ ਵਿੱਚ ਪੇਸਟ ਕਰੋ ਜਾਂ ਇੱਕ .html ਫਾਈਲ ਸੁੱਟੋ। ਮਿਨੀਫਾਇਰ ਕਿਸੇ ਵੀ ਵੈਧ HTML5 ਮਾਰਕਅੱਪ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ।
  2. ਵਿਕਲਪ ਚੁਣੋ: ਡਿਫੌਲਟ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾਉਂਦੇ ਹਨ ਅਤੇ ਖਾਲੀ ਥਾਂ ਨੂੰ ਸਮੇਟਦੇ ਹਨ; ਜੇਕਰ ਤੁਹਾਨੂੰ ਖਾਸ ਤੱਤਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਦੀ ਲੋੜ ਹੈ ਤਾਂ ਤੁਸੀਂ ਵਿਅਕਤੀਗਤ ਰੂਪਾਂਤਰਣ ਨੂੰ ਅਸਮਰੱਥ ਬਣਾ ਸਕਦੇ ਹੋ (ਉਦਾਹਰਨ ਲਈ, ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਟਿੱਪਣੀਆਂ ਰੱਖੋ)।
  3. ਮਿਨਿਫਾਈ ਕਰੋ: ਮਿਨੀਫਾਇਰ HTML ਟੋਕਨ ਸਟ੍ਰੀਮ 'ਤੇ ਚੱਲਦਾ ਹੈ, ਹਰੇਕ ਸਮਰਥਿਤ ਪਰਿਵਰਤਨ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ। ਆਉਟਪੁੱਟ ਘਟੇ ਆਕਾਰ ਦੇ ਨਾਲ ਕਾਰਜਾਤਮਕ ਤੌਰ 'ਤੇ ਸਮਾਨ HTML ਹੈ।
  4. ਕਾਪੀ ਜਾਂ ਡਾਊਨਲੋਡ ਕਰੋ: ਨਤੀਜੇ ਨੂੰ ਸਰਵ ਕੀਤੇ HTML ਦੇ ਤੌਰ 'ਤੇ ਵਰਤੋ। ਤੈਨਾਤ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਨਿਸ਼ਾਨਾ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਪੰਨੇ ਦੇ ਸਹੀ ਰੈਂਡਰ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ।

ਆਮ ਵਰਤੋਂ ਦੇ ਮਾਮਲੇ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮਿਨੀਫਾਇਰ ਟੋਕਨ ਦੁਆਰਾ HTML ਟੋਕਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ। ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤਾਂ (<div>, <p>, <ul>) ਵਿਚਕਾਰ ਖਾਲੀ ਥਾਂ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਗਿਆ ਹੈ ਕਿਉਂਕਿ ਇਹ ਰੈਂਡਰਿੰਗ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰਦਾ ਹੈ। ਇਨਲਾਈਨ ਸੰਦਰਭਾਂ (<span>, <a>, ਟੈਕਸਟ ਸਮੱਗਰੀ) ਦੇ ਅੰਦਰ ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਿਆ ਗਿਆ ਹੈ ਕਿਉਂਕਿ ਇਹ ਰੈਂਡਰਿੰਗ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰ ਸਕਦਾ ਹੈ।

ਟਿੱਪਣੀਆਂ ਨੂੰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ ਪਰ ਸ਼ਰਤੀਆ ਟਿੱਪਣੀਆਂ (<!--[if IE]>) ਸੁਰੱਖਿਅਤ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ। ਐਟਰੀਬਿਊਟ ਕੋਟਸ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ ਜਿੱਥੇ HTML5 ਪਾਰਸਰ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ — ਸਪੇਸ ਜਾਂ ਵਿਸ਼ੇਸ਼ ਅੱਖਰਾਂ ਦੇ ਬਿਨਾਂ ਸਿੰਗਲ-ਸ਼ਬਦ ਗੁਣ ਮੁੱਲ ਕੋਟਸ ਨੂੰ ਛੱਡ ਸਕਦੇ ਹਨ।

ਵਿਕਲਪਿਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ ਨੂੰ HTML5 ਸਪੈਸਿਕਸ ਦੇ ਅਨੁਸਾਰ ਹਟਾਇਆ ਜਾਂਦਾ ਹੈ: </p>, </li>, </td>, ਅਤੇ ਕੁਝ ਹੋਰਾਂ ਨੂੰ ਛੱਡਿਆ ਜਾ ਸਕਦਾ ਹੈ ਜਦੋਂ ਇੱਕ ਭੈਣ-ਭਰਾ ਦਾ ਅਨੁਸਰਣ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੋ ਉਹਨਾਂ ਦੇ ਨਜ਼ਦੀਕੀ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ। ਇਹ ਪੜ੍ਹਨ ਲਈ ਅਸਧਾਰਨ ਹੈ ਪਰ ਵੈਧ HTML5 ਹੈ ਜਿਸ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਇੱਕੋ ਜਿਹੇ ਪਾਰਸ ਕਰਦੇ ਹਨ।

ਵਧੀਆ ਅਭਿਆਸ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

HTML ਮਾਈਨੀਫਿਕੇਸ਼ਨ ਕੀ ਹਟਾਉਂਦੀ ਹੈ?
ਟੈਗਸ, HTML ਟਿੱਪਣੀਆਂ (<!-- -->), ਵਿਕਲਪਿਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗਸ (</li>, </p>, </td>), ਡਿਫੌਲਟ ਐਟਰੀਬਿਊਟ ਵੈਲਯੂਜ਼ (ਇਨਪੁਟਸ ਉੱਤੇ ਟਾਈਪ="ਟੈਕਸਟ"), ਅਤੇ ਬੂਲੀਅਨ ਐਟਰੀਬਿਊਟ ਵੈਲਯੂਜ਼ (disabled="disabled" → disabled) ਵਿਚਕਾਰ ਬੇਲੋੜੀ ਖਾਲੀ ਥਾਂ।
ਕੀ ਮਾਈਨੀਫਿਕੇਸ਼ਨ ਮੇਰੇ ਪੰਨੇ ਨੂੰ ਤੋੜ ਸਕਦਾ ਹੈ?
ਬਹੁਤ ਘੱਟ, ਪਰ ਸੰਭਵ ਹੈ ਜੇਕਰ ਤੁਹਾਡਾ CSS ਇਨਲਾਈਨ ਤੱਤਾਂ ਦੇ ਵਿਚਕਾਰ ਖਾਲੀ ਥਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਜਾਂ ਜੇ JavaScript innerHTML ਤੁਲਨਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਹਮੇਸ਼ਾ ਮਿੰਨੀਫਾਈਡ ਆਉਟਪੁੱਟ ਦੀ ਜਾਂਚ ਕਰੋ। ਟੂਲ ਮੂਲ ਰੂਪ ਵਿੱਚ ਰੂੜੀਵਾਦੀ ਸੈਟਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ।
ਜੇਕਰ ਮੈਂ Next.js ਵਰਗੇ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ ਤਾਂ ਕੀ ਮੈਨੂੰ HTML ਨੂੰ ਛੋਟਾ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ?
ਜ਼ਿਆਦਾਤਰ ਆਧੁਨਿਕ ਫਰੇਮਵਰਕ (Next.js, Nuxt, Angular) ਉਤਪਾਦਨ ਬਿਲਡਾਂ ਵਿੱਚ ਆਪਣੇ ਆਪ HTML ਨੂੰ ਛੋਟਾ ਕਰਦੇ ਹਨ। ਇਹ ਟੂਲ ਸਥਿਰ HTML ਫਾਈਲਾਂ, ਈਮੇਲ ਟੈਂਪਲੇਟਾਂ ਅਤੇ ਬਿਲਡ ਸਿਸਟਮ ਤੋਂ ਬਿਨਾਂ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਉਪਯੋਗੀ ਹੈ।
ਕੀ ਇਹ ਇਨਲਾਈਨ CSS ਅਤੇ JavaScript ਨੂੰ ਵੀ ਘਟਾਉਂਦਾ ਹੈ?
ਇਹ ਟੂਲ HTML ਢਾਂਚੇ 'ਤੇ ਕੇਂਦ੍ਰਿਤ ਹੈ। ਇਨਲਾਈਨ <style> ਅਤੇ <script> ਸਮੱਗਰੀ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਸੁਰੱਖਿਅਤ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ। ਉਹਨਾਂ ਲਈ, ਅਨੁਕੂਲ ਨਤੀਜਿਆਂ ਲਈ ਸਮਰਪਿਤ CSS ਅਤੇ JavaScript ਮਿਨੀਫਾਇਰ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਕੀ ਵਿਕਲਪਿਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗ ਹਟਾਉਣ ਲਈ ਸੁਰੱਖਿਅਤ ਹਨ?
ਹਾਂ ਪ੍ਰਤੀ HTML5 ਸਪੀਕ, ਹਾਲਾਂਕਿ ਨਤੀਜਾ ਪੜ੍ਹਨਾ ਔਖਾ ਹੈ। ਕੁਝ ਟੀਮਾਂ ਮਾਮੂਲੀ ਆਕਾਰ ਦੇ ਜੁਰਮਾਨੇ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦੇ ਹੋਏ, ਸਪੱਸ਼ਟਤਾ ਲਈ ਇਸ ਪਰਿਵਰਤਨ ਨੂੰ ਅਸਮਰੱਥ ਬਣਾਉਂਦੀਆਂ ਹਨ।
ਕੀ ਮੇਰਾ HTML ਸਰਵਰ 'ਤੇ ਅੱਪਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ?
ਨਹੀਂ। ਮਿਨੀਫਾਇਰ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।
ਇਹ html-minifier-terser ਨਾਲ ਕਿਵੇਂ ਤੁਲਨਾ ਕਰਦਾ ਹੈ?
html-minifier-terser ਕੈਨੋਨੀਕਲ Node.js HTML ਮਿਨੀਫਾਇਰ ਹੈ ਅਤੇ ਥੋੜ੍ਹਾ ਹੋਰ ਹਮਲਾਵਰ ਨਤੀਜੇ ਪੈਦਾ ਕਰਦਾ ਹੈ। ਇਹ ਟੂਲ ਬਿਨਾਂ ਕਿਸੇ ਬਿਲਡ ਸੈਟਅਪ ਦੇ ਬ੍ਰਾਊਜ਼ਰ-ਸਾਈਡ ਵਰਤੋਂ ਲਈ ਸਮਾਨ ਰੂਪਾਂਤਰਾਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ।
ਕੀ ਮੈਨੂੰ ਹਮੇਸ਼ਾ ਜਾਂ ਚੋਣਵੇਂ ਰੂਪ ਵਿੱਚ ਛੋਟਾ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ?
ਹਮੇਸ਼ਾ ਉਤਪਾਦਨ ਲਈ. ਸੰਸਕਰਣ ਨਿਯੰਤਰਣ ਵਿੱਚ ਸਰੋਤ ਕੋਡ ਲਈ ਕਦੇ ਨਹੀਂ; ਸਰੋਤ ਵਿੱਚ ਪੜ੍ਹਨਯੋਗ HTML ਰੱਖ-ਰਖਾਅ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।