Minify na bana laha za mitindo za CSS papo hapo kwenye kivinjari chako. Ondoa maoni, ukunje nafasi nyeupe na upunguze ukubwa wa faili. Bure na ya faragha.
Inaauni faili za .css. Au bandika CSS yako hapo juu.
Uboreshaji wa CSS huondoa nafasi nyeupe, maoni, na herufi zisizohitajika kutoka kwa laha ya mtindo ili kupunguza ukubwa wake kabla ya kutumikia kwenye vivinjari. Sheria halisi hazijabadilishwa: laha ya mtindo iliyofupishwa inaonyesha kurasa sawa na chanzo kisichopunguzwa. Akiba hutokana na kuondoa laini mpya, nusu koloni zisizohitajika, maoni, fursa za mkato za rangi ya hex, na mikato ya vitengo sifuri (kubadilisha 0px na 0).
Kwenye tovuti za kisasa zilizo na sheria nyingi za mtindo, upunguzaji wa kawaida ni 20-40% dhidi ya chanzo kisichopunguzwa. Ikiunganishwa na mgandamizo wa gzip kwenye seva, akiba ya kando hupungua - gzip tayari inabana maandishi yanayorudiwa kwa ufanisi - lakini mchanganyiko bado unashinda mbano pekee, hasa laha za mitindo zinapokuwa zimehifadhiwa na kutumiwa mara nyingi kwa wageni wengi.
Kipunguzaji hiki huchakata CSS katika pasi moja, kuondoa maoni nje ya thamani za url(), kukunja nafasi nyeupe, kuondoa nusu koloni zisizohitajika kabla ya kufunga viunga, kutumia mkato wa heksi ya tarakimu sita na kubadilisha rangi za heksi zenye tarakimu sita kuwa tarakimu tatu inapowezekana (#ffffff → #fff). Toleo linasalia kuwa CSS halali ambayo kivinjari chochote huchanganua ipasavyo.
Faili ndogo za CSS hupakia kwa haraka zaidi na kupunguza muda wa kuzuia, ambazo zote mbili huboresha Rangi ya Kwanza ya Kuridhika na alama Kubwa Zaidi za Rangi ya Kuridhika. Kwa tovuti ambazo Core Web Vitals huathiri cheo cha utafutaji, kila kilobaiti ya uzuiaji wa CSS iliyonyolewa inafaa kujitahidi.
Gharama ya kipimo cha kipimo pia ni muhimu kwa kiwango. Tovuti zinazohudumia mamilioni ya mara ambazo kurasa zimetazamwa huokoa kiasi kinachoweza kupimika cha kutokea wakati laha zao za mitindo ni ndogo kwa 30%. Bili za CDN, matumizi ya data ya simu ya mkononi, na matumizi ya nishati yote yananufaika kidogo. Kupunguza ni bure - hatua ya kujenga mara moja bila gharama ya matengenezo.
Bandika CSS, pata toleo la minified.
Upunguzaji wa CSS ni uondoaji wa nafasi nyeupe kwa kihafidhina. Nafasi nyeupe ndani ya viteuzi, matamko na thamani huhifadhiwa pale inapobidi; nafasi nyeupe nje imeporomoka. Maoni yanaondolewa isipokuwa yaanze na /*! (maoni ya uhifadhi wa leseni).
Njia za mkato za kawaida: 0px, 0em, na thamani sawa za kitengo cha sifuri huwa 0; rangi za heksi za tarakimu sita zenye tarakimu zilizooanishwa (#ffffff, #336699) huwa tarakimu tatu (#fff, #369); semicolon ya mwisho kabla } inaondolewa. Majina ya rangi hayabadilishwi kuwa heksi kiotomatiki kwa sababu heksi wakati mwingine ni ndefu (nyekundu ni fupi kuliko urefu wa #f00; #ff0000 ni ndefu kuliko nyekundu).
Pato linapaswa kupitisha kithibitishaji chochote cha CSS ambacho kinakubali ingizo. Usaidizi wa kivinjari haujabadilika - uboreshaji haubadilishi sheria zenyewe, uwakilishi wao wa maandishi tu.