ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਰੰਤ JavaScript ਕੋਡ ਨੂੰ ਛੋਟਾ ਅਤੇ ਸੰਕੁਚਿਤ ਕਰੋ। ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾਓ, ਖਾਲੀ ਥਾਂ ਨੂੰ ਸਮੇਟੋ, ਅਤੇ ਫ਼ਾਈਲ ਦਾ ਆਕਾਰ ਘਟਾਓ। ਮੁਫਤ ਅਤੇ ਨਿੱਜੀ।
.js ਫਾਈਲਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਜਾਂ ਉੱਪਰ ਆਪਣੀ JavaScript ਪੇਸਟ ਕਰੋ।
JavaScript ਮਿਨੀਫੀਕੇਸ਼ਨ ਬੇਲੋੜੇ ਅੱਖਰਾਂ ਨੂੰ ਹਟਾ ਕੇ ਅਤੇ (ਸਹੀ ਮਿਨੀਫਾਇਰ ਦੇ ਨਾਲ) ਸਥਾਨਕ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਛੋਟੇ ਨਾਮਾਂ ਵਿੱਚ ਬਦਲ ਕੇ ਸਰੋਤ ਕੋਡ ਦਾ ਆਕਾਰ ਘਟਾਉਂਦਾ ਹੈ। ਪਹਿਲੀ ਸ਼੍ਰੇਣੀ - ਖਾਲੀ ਥਾਂ ਅਤੇ ਟਿੱਪਣੀ ਹਟਾਉਣ - ਸਿੱਧੀ ਅਤੇ ਜੋਖਮ-ਮੁਕਤ ਹੈ। ਦੂਜਾ — ਵੇਰੀਏਬਲ ਰੀਨਾਮਿੰਗ — ਲਈ ਸਕੋਪ ਨਿਯਮਾਂ ਨੂੰ ਸਮਝਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਅਤੇ ਇਹ ਉਹ ਹੈ ਜੋ ਉਤਪਾਦਨ ਮਿਨੀਫਾਇਰ ਜਿਵੇਂ ਕਿ Terser ਅਤੇ esbuild ਸਭ ਤੋਂ ਵਧੀਆ ਕਰਦੇ ਹਨ।
ਇਹ ਟੂਲ ਸੁਰੱਖਿਅਤ ਮਾਈਨੀਫਿਕੇਸ਼ਨ 'ਤੇ ਕੇਂਦ੍ਰਤ ਕਰਦਾ ਹੈ: ਟਿੱਪਣੀਆਂ ਨੂੰ ਉਤਾਰਨਾ, ਖਾਲੀ ਥਾਂ ਨੂੰ ਸਮੇਟਣਾ, ਬੇਲੋੜੇ ਸੈਮੀਕੋਲਨ ਨੂੰ ਹਟਾਉਣਾ, ਅਤੇ ਸਪੱਸ਼ਟ ਪੈਟਰਨਾਂ ਨੂੰ ਛੋਟਾ ਕਰਨਾ। ਵੇਰੀਏਬਲ ਰੀਨਾਮਿੰਗ ਰੂੜ੍ਹੀਵਾਦੀ ਹੈ — ਸਪਸ਼ਟ ਸਕੋਪਾਂ ਵਿੱਚ ਸਿਰਫ਼ ਸਥਾਨਕ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਛੋਹਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਬਾਹਰੀ ਤੌਰ 'ਤੇ ਹਵਾਲਾ ਦਿੱਤੇ ਨਾਮਾਂ ਨੂੰ ਛੱਡ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। ਨਤੀਜਾ ਕਾਰਜਸ਼ੀਲ ਤੌਰ 'ਤੇ ਸਰੋਤ ਦੇ ਸਮਾਨ ਹੈ।
ਪ੍ਰੋਡਕਸ਼ਨ-ਗ੍ਰੇਡ ਮਿਨੀਫਿਕੇਸ਼ਨ ਲਈ, ਸਮਰਪਿਤ ਟੂਲ (Terser, esbuild, swc) ਪੂਰੇ ECMAScript ਸਕੋਪ ਮਾਡਲ ਨੂੰ ਸਮਝਦੇ ਹਨ ਅਤੇ ਮਹੱਤਵਪੂਰਨ ਤੌਰ 'ਤੇ ਛੋਟਾ ਆਉਟਪੁੱਟ ਪੈਦਾ ਕਰਦੇ ਹਨ। ਇਹ ਟੂਲ ਤੇਜ਼ ਬ੍ਰਾਊਜ਼ਰ-ਸਾਈਡ ਮਿਨੀਫਿਕੇਸ਼ਨ ਲਈ ਹੈ ਜਦੋਂ ਪੂਰਾ ਬਿਲਡ ਸੈੱਟਅੱਪ ਉਪਲਬਧ ਨਹੀਂ ਹੁੰਦਾ ਹੈ।
JavaScript ਬੰਡਲ ਆਮ ਤੌਰ 'ਤੇ ਆਧੁਨਿਕ ਵੈੱਬਪੇਜ 'ਤੇ ਸਭ ਤੋਂ ਵੱਡਾ ਸਿੰਗਲ ਸਰੋਤ ਹੁੰਦੇ ਹਨ। ਮਿਨੀਫਿਕੇਸ਼ਨ ਨਿਯਮਿਤ ਤੌਰ 'ਤੇ ਅਣਮਿੱਥੇ ਸਰੋਤ ਦੇ ਮੁਕਾਬਲੇ 30-60% ਆਕਾਰ ਦੀ ਕਮੀ ਪੈਦਾ ਕਰਦਾ ਹੈ। gzip ਜਾਂ Brotli ਦੇ ਨਾਲ ਮਿਲਾ ਕੇ, ਕਟੌਤੀ ਕੁਝ ਹੱਦ ਤੱਕ ਸੁੰਗੜ ਜਾਂਦੀ ਹੈ, ਪਰ ਸੁਮੇਲ ਅਜੇ ਵੀ ਮਾਪਣਯੋਗ ਬਾਈਟਾਂ ਨੂੰ ਬਚਾਉਂਦਾ ਹੈ - ਖਾਸ ਤੌਰ 'ਤੇ ਹੌਲੀ ਕਨੈਕਸ਼ਨਾਂ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ।
ਤੇਜ਼ JavaScript ਦਾ ਮਤਲਬ ਇੰਟਰਐਕਟਿਵ ਲਈ ਤੇਜ਼ ਸਮਾਂ ਵੀ ਹੈ। ਛੋਟੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਤੇਜ਼ੀ ਨਾਲ ਡਾਉਨਲੋਡ ਹੁੰਦੀਆਂ ਹਨ, ਤੇਜ਼ੀ ਨਾਲ ਪਾਰਸ ਹੁੰਦੀਆਂ ਹਨ, ਅਤੇ ਜਲਦੀ ਲਾਗੂ ਹੁੰਦੀਆਂ ਹਨ। ਉਹਨਾਂ ਸਾਈਟਾਂ ਲਈ ਜਿੱਥੇ ਟੀਟੀਆਈ ਬਾਊਂਸ ਦਰਾਂ ਅਤੇ ਐਸਈਓ ਰੈਂਕਿੰਗ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੀ ਹੈ, ਮਿਨੀਫਿਕੇਸ਼ਨ ਉਪਲਬਧ ਸਭ ਤੋਂ ਸਸਤੀਆਂ ਜਿੱਤਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ।
JavaScript ਪੇਸਟ ਕਰੋ, ਇੱਕ ਛੋਟਾ ਸੰਸਕਰਣ ਪ੍ਰਾਪਤ ਕਰੋ।
ਮਿਨੀਫਾਇਰ ਇੱਕ ਪਾਰਸਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ JavaScript ਨੂੰ ਟੋਕਨਾਈਜ਼ ਕਰਦਾ ਹੈ ਜੋ ECMAScript ਸੰਟੈਕਸ ਦਾ ਸਨਮਾਨ ਕਰਦਾ ਹੈ। ਟਿੱਪਣੀਆਂ (ਸਿੰਗਲ-ਲਾਈਨ ਅਤੇ ਮਲਟੀ-ਲਾਈਨ) /* ਨਾਲ ਚਿੰਨ੍ਹਿਤ ਲਾਇਸੈਂਸ ਟਿੱਪਣੀਆਂ ਨੂੰ ਛੱਡ ਕੇ ਹਟਾ ਦਿੱਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ! ਅਗੇਤਰ ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਸਮੇਟਿਆ ਜਾਂਦਾ ਹੈ ਸਿਵਾਏ ਜਿੱਥੇ ਸਿੰਟੈਕਟਿਕ ਤੌਰ 'ਤੇ ਲੋੜ ਹੁੰਦੀ ਹੈ (ਪਛਾਣਕਰਤਾਵਾਂ ਦੇ ਵਿਚਕਾਰ, ਕੀਵਰਡਸ ਤੋਂ ਬਾਅਦ)।
ਕੰਜ਼ਰਵੇਟਿਵ ਵੇਰੀਏਬਲ ਦਾ ਨਾਮ ਬਦਲਣ ਨਾਲ ਸਥਾਨਕ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਸਿੱਧੇ ਸਕੋਪਾਂ ਵਿੱਚ ਛੋਟਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਗਲੋਬਲ, ਨਿਰਯਾਤ, ਅਤੇ ਆਯਾਤ ਕੀਤੇ ਨਾਵਾਂ ਦਾ ਨਾਮ ਬਦਲਿਆ ਨਹੀਂ ਗਿਆ ਹੈ - ਜੋ ਬਾਹਰੀ ਸੰਦਰਭਾਂ ਨੂੰ ਤੋੜ ਦੇਵੇਗਾ। ਡੂੰਘੇ ਨਾਮ ਬਦਲਣ ਲਈ, ਸਹੀ ਮੋਡੀਊਲ-ਜਾਗਰੂਕ ਵਿਸ਼ਲੇਸ਼ਣ ਦੇ ਨਾਲ Terser ਜਾਂ esbuild ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਕਿਨਾਰੇ ਦੇ ਕੇਸ: ਆਟੋਮੈਟਿਕ ਸੈਮੀਕੋਲਨ ਸੰਮਿਲਨ (ASI) ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਪ੍ਰੋਗਰਾਮ ਵਿਹਾਰ ਨੂੰ ਬਦਲਣ ਤੋਂ ਬਚਣ ਲਈ ਮਿਨੀਫਾਇਰ ਨੂੰ ਕੁਝ ਸੰਦਰਭਾਂ ਵਿੱਚ ਨਵੀਆਂ ਲਾਈਨਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ। ਟੈਮਪਲੇਟ ਲਿਟਰਲ, ਰੇਜੈਕਸ ਲਿਟਰਲ, ਅਤੇ JSX (ਜੇਕਰ ਇਨਪੁਟ ਵਿੱਚ ਇਹ ਸ਼ਾਮਲ ਹੈ) ਨੂੰ ਬਿਲਕੁਲ ਸੁਰੱਖਿਅਤ ਰੱਖਿਆ ਗਿਆ ਹੈ ਕਿਉਂਕਿ ਉਹਨਾਂ ਦੀ ਸਮੱਗਰੀ ਸੰਕੁਚਿਤ ਕਰਨ ਲਈ ਸੁਰੱਖਿਅਤ ਨਹੀਂ ਹੋ ਸਕਦੀ।