ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਰੰਤ CSS ਸਟਾਈਲਸ਼ੀਟਾਂ ਨੂੰ ਛੋਟਾ ਅਤੇ ਸੰਕੁਚਿਤ ਕਰੋ। ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾਓ, ਖਾਲੀ ਥਾਂ ਨੂੰ ਸਮੇਟੋ, ਅਤੇ ਫ਼ਾਈਲ ਦਾ ਆਕਾਰ ਘਟਾਓ। ਮੁਫਤ ਅਤੇ ਨਿੱਜੀ।
.css ਫਾਈਲਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਜਾਂ ਉੱਪਰ ਆਪਣਾ CSS ਪੇਸਟ ਕਰੋ।
CSS ਮਿਨੀਫਿਕੇਸ਼ਨ ਬ੍ਰਾਊਜ਼ਰਾਂ ਨੂੰ ਸੇਵਾ ਦੇਣ ਤੋਂ ਪਹਿਲਾਂ ਇਸਦੇ ਆਕਾਰ ਨੂੰ ਘਟਾਉਣ ਲਈ ਸਟਾਈਲਸ਼ੀਟ ਤੋਂ ਖਾਲੀ ਥਾਂ, ਟਿੱਪਣੀਆਂ ਅਤੇ ਬੇਲੋੜੇ ਅੱਖਰਾਂ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ। ਅਸਲ ਨਿਯਮ ਬਦਲਦੇ ਨਹੀਂ ਹਨ: ਇੱਕ ਛੋਟੀ ਸਟਾਈਲਸ਼ੀਟ ਪੰਨਿਆਂ ਨੂੰ ਅਣਮਿੱਥੇ ਸਰੋਤ ਲਈ ਇੱਕੋ ਜਿਹੀ ਰੈਂਡਰ ਕਰਦੀ ਹੈ। ਬੱਚਤ ਨਵੀਆਂ ਲਾਈਨਾਂ, ਬੇਲੋੜੇ ਸੈਮੀਕੋਲਨ, ਟਿੱਪਣੀਆਂ, ਹੈਕਸ-ਰੰਗ ਸ਼ਾਰਟਹੈਂਡ ਮੌਕੇ, ਅਤੇ ਜ਼ੀਰੋ-ਯੂਨਿਟ ਸ਼ਾਰਟਕੱਟ (0 ਨਾਲ 0px ਦੀ ਥਾਂ) ਨੂੰ ਹਟਾਉਣ ਨਾਲ ਮਿਲਦੀ ਹੈ।
ਦਰਜਨਾਂ ਸਟਾਈਲ ਨਿਯਮਾਂ ਵਾਲੀਆਂ ਆਧੁਨਿਕ ਵੈੱਬਸਾਈਟਾਂ 'ਤੇ, ਅਣਮਿੱਥੇ ਸਰੋਤ ਦੇ ਮੁਕਾਬਲੇ 20-40% ਦੀ ਆਮ ਕਮੀ ਹੈ। ਸਰਵਰ 'ਤੇ gzip ਕੰਪਰੈਸ਼ਨ ਦੇ ਨਾਲ ਮਿਲਾ ਕੇ, ਮਾਮੂਲੀ ਬਚਤ ਸੁੰਗੜ ਜਾਂਦੀ ਹੈ — gzip ਪਹਿਲਾਂ ਹੀ ਦੁਹਰਾਉਣ ਵਾਲੇ ਟੈਕਸਟ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਸੰਕੁਚਿਤ ਕਰਦੀ ਹੈ — ਪਰ ਸੁਮੇਲ ਅਜੇ ਵੀ ਇਕੱਲੇ ਕੰਪਰੈਸ਼ਨ ਨੂੰ ਹਰਾਉਂਦਾ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਜਦੋਂ ਸਟਾਇਲਸ਼ੀਟਾਂ ਨੂੰ ਕੈਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਦਰਸ਼ਕਾਂ ਨੂੰ ਕਈ ਵਾਰ ਸੇਵਾ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ।
ਇਹ ਮਿਨੀਫਾਇਰ ਇੱਕ ਸਿੰਗਲ ਪਾਸ ਵਿੱਚ CSS ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ, url() ਮੁੱਲਾਂ ਤੋਂ ਬਾਹਰ ਦੀਆਂ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਵ੍ਹਾਈਟਸਪੇਸ ਨੂੰ ਸਮੇਟਦਾ ਹੈ, ਬ੍ਰੇਸ ਬੰਦ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਬੇਲੋੜੇ ਸੈਮੀਕੋਲਨ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ, ਜ਼ੀਰੋ-ਯੂਨਿਟ ਸ਼ਾਰਟਹੈਂਡ ਲਾਗੂ ਕਰਦਾ ਹੈ, ਅਤੇ ਛੇ-ਅੰਕ ਹੈਕਸਾ ਰੰਗਾਂ ਨੂੰ ਤਿੰਨ-ਅੰਕ ਵਾਲੇ ਰੂਪ ਵਿੱਚ ਬਦਲਦਾ ਹੈ (#ffffff → #fff)। ਆਉਟਪੁੱਟ ਵੈਧ CSS ਰਹਿੰਦੀ ਹੈ ਜਿਸ ਨੂੰ ਕੋਈ ਵੀ ਬ੍ਰਾਊਜ਼ਰ ਸਹੀ ਢੰਗ ਨਾਲ ਪਾਰਸ ਕਰਦਾ ਹੈ।
ਛੋਟੀਆਂ CSS ਫਾਈਲਾਂ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੁੰਦੀਆਂ ਹਨ ਅਤੇ ਰੈਂਡਰ-ਬਲੌਕਿੰਗ ਟਾਈਮ ਘਟਦੀਆਂ ਹਨ, ਇਹ ਦੋਵੇਂ ਫਸਟ ਕੰਟੈਂਟਫੁੱਲ ਪੇਂਟ ਅਤੇ ਸਭ ਤੋਂ ਵੱਡੇ ਕੰਟੈਂਟਫੁੱਲ ਪੇਂਟ ਸਕੋਰ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਂਦੇ ਹਨ। ਉਹਨਾਂ ਸਾਈਟਾਂ ਲਈ ਜਿੱਥੇ ਕੋਰ ਵੈੱਬ ਵਾਇਟਲ ਖੋਜ ਦਰਜਾਬੰਦੀ ਨੂੰ ਪ੍ਰਭਾਵਤ ਕਰਦੇ ਹਨ, ਰੈਂਡਰ-ਬਲੌਕਿੰਗ CSS ਸ਼ੇਵ ਦਾ ਹਰ ਕਿਲੋਬਾਈਟ ਕੋਸ਼ਿਸ਼ ਦੇ ਯੋਗ ਹੈ।
ਬੈਂਡਵਿਡਥ ਦੀ ਲਾਗਤ ਵੀ ਪੈਮਾਨੇ 'ਤੇ ਮਾਇਨੇ ਰੱਖਦੀ ਹੈ। ਸਾਈਟਾਂ ਜੋ ਲੱਖਾਂ ਪੇਜ ਵਿਯੂਜ਼ ਪ੍ਰਦਾਨ ਕਰਦੀਆਂ ਹਨ ਜਦੋਂ ਉਹਨਾਂ ਦੀਆਂ ਸਟਾਈਲਸ਼ੀਟਾਂ 30% ਛੋਟੀਆਂ ਹੁੰਦੀਆਂ ਹਨ ਤਾਂ ਉਹ ਮਾਪਣਯੋਗ ਮਾਤਰਾ ਨੂੰ ਬਚਾਉਂਦੀਆਂ ਹਨ। CDN ਬਿੱਲ, ਮੋਬਾਈਲ ਡਾਟਾ ਵਰਤੋਂ, ਅਤੇ ਊਰਜਾ ਦੀ ਖਪਤ ਸਭ ਨੂੰ ਥੋੜ੍ਹਾ ਜਿਹਾ ਫਾਇਦਾ ਹੁੰਦਾ ਹੈ। ਮਾਈਨੀਫਿਕੇਸ਼ਨ ਲਾਜ਼ਮੀ ਤੌਰ 'ਤੇ ਮੁਫਤ ਹੈ — ਇੱਕ-ਵਾਰ ਬਣਾਉਣ ਵਾਲਾ ਕਦਮ ਬਿਨਾਂ ਰੱਖ-ਰਖਾਅ ਦੀ ਲਾਗਤ ਦੇ।
CSS ਪੇਸਟ ਕਰੋ, ਛੋਟਾ ਰੂਪ ਪ੍ਰਾਪਤ ਕਰੋ।
CSS ਮਿਨੀਫਿਕੇਸ਼ਨ ਜਿਆਦਾਤਰ ਰੂੜੀਵਾਦੀ ਖਾਲੀ ਥਾਂ ਨੂੰ ਹਟਾਉਣਾ ਹੈ। ਚੋਣਕਾਰਾਂ, ਘੋਸ਼ਣਾਵਾਂ, ਅਤੇ ਮੁੱਲਾਂ ਦੇ ਅੰਦਰ ਵ੍ਹਾਈਟ ਸਪੇਸ ਸੁਰੱਖਿਅਤ ਹੈ ਜਿੱਥੇ ਮਹੱਤਵਪੂਰਨ ਹੈ; ਬਾਹਰ ਖਾਲੀ ਥਾਂ ਨੂੰ ਸਮੇਟਿਆ ਗਿਆ ਹੈ। ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਤੱਕ ਉਹ /* ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦੀਆਂ ਹਨ! (ਲਾਈਸੈਂਸ ਸੰਭਾਲ ਟਿੱਪਣੀਆਂ)।
ਆਮ ਸ਼ਾਰਟਕੱਟ: 0px, 0em, ਅਤੇ ਸਮਾਨ ਜ਼ੀਰੋ-ਯੂਨਿਟ ਮੁੱਲ 0 ਬਣ ਜਾਂਦੇ ਹਨ; ਪੇਅਰ ਕੀਤੇ ਅੰਕਾਂ (#ffffff, #336699) ਵਾਲੇ ਛੇ-ਅੰਕ ਵਾਲੇ ਹੈਕਸ ਰੰਗ ਤਿੰਨ-ਅੰਕ (#ffff, #369) ਬਣ ਜਾਂਦੇ ਹਨ; } ਤੋਂ ਪਹਿਲਾਂ ਆਖਰੀ ਸੈਮੀਕੋਲਨ ਹਟਾਇਆ ਜਾਂਦਾ ਹੈ। ਰੰਗਾਂ ਦੇ ਨਾਮ ਆਟੋਮੈਟਿਕਲੀ ਹੈਕਸ ਵਿੱਚ ਤਬਦੀਲ ਨਹੀਂ ਹੁੰਦੇ ਕਿਉਂਕਿ ਹੈਕਸ ਕਈ ਵਾਰ ਲੰਬਾ ਹੁੰਦਾ ਹੈ (ਲਾਲ ਲੰਬਾਈ ਵਿੱਚ #f00 ਤੋਂ ਛੋਟਾ ਹੁੰਦਾ ਹੈ; #ff0000 ਲਾਲ ਨਾਲੋਂ ਲੰਬਾ ਹੁੰਦਾ ਹੈ)।
ਆਉਟਪੁੱਟ ਨੂੰ ਕਿਸੇ ਵੀ CSS ਵੈਲੀਡੇਟਰ ਨੂੰ ਪਾਸ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਇਨਪੁਟ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ। ਬ੍ਰਾਊਜ਼ਰ ਸਮਰਥਨ ਬਦਲਿਆ ਨਹੀਂ ਹੈ - ਮਿਨੀਫਿਕੇਸ਼ਨ ਨਿਯਮਾਂ ਨੂੰ ਆਪਣੇ ਆਪ ਨਹੀਂ ਬਦਲਦਾ, ਸਿਰਫ ਉਹਨਾਂ ਦੀ ਟੈਕਸਟ ਪ੍ਰਤੀਨਿਧਤਾ।