CSS Minisi

Yintoni iCSS minifier?

I-CSS minifier ijolise ekucutheni iifayile zeCSS kwiiwebhusayithi. Le ngcamango, esetyenziswa njengesiNgesi esilinganayo (CSS Minifier), iquka ilungiselelo kwiifayile zeCSS. Xa CSSs zilungiswe, eyona njongo iphambili kukuba abalawuli web site okanye coders ukuhlalutya imigca ngokuchanekileyo. Ngoko ke, iqulethe imigca emininzi. Kukho imigca yezimvo ezingeyomfuneko kunye nezithuba phakathi kwale migca. Kungenxa yoko le nto iifayile zeCSS ziba nde kakhulu. Zonke ezi ngxaki zipheliswe ngeCSS minifier.

Wenza ntoni umnciphisi we-CSS?

Kunye notshintsho olwenziwe kwiifayile zeCSS; imilinganiso iyancitshiswa, imigca engeyomfuneko iyasuswa, imigca yezimvo engeyomfuneko nezithuba ziyacinywa. Ngaphezu koko, ukuba ngaphezulu kwekhowudi enye ibandakanyiwe kwiCSS, ezi khowudi nazo ziyacinywa.

Kukho iiplagi ezahlukeneyo kunye nezicelo zale misebenzi uninzi lwabasebenzisi abanokuyenza ngesandla. Ngokukodwa kubantu abasebenzisa inkqubo ye-WordPress, ezi nkqubo zinokuthi zenziwe ngokuzenzekelayo ngeeplagi. Ngaloo ndlela, ukukwazi ukwenza iimpazamo kupheliswa kwaye iziphumo ezisebenzayo zifunyenwe.

Abantu abangasebenzisi i-WordPress kwi-CSS okanye abafuni ukukhetha iiplagi ezikhoyo banokusebenzisa izixhobo ze-intanethi. Ngokukhuphela i-CSS kwizixhobo ze-intanethi kwi-intanethi, iifayile ezikhoyo kwi-CSS ziyancipha ngokwenza utshintsho. Emva kokuba zonke iinkqubo zigqityiwe, kuya kukwanela ukukhuphela iifayile zeCSS ezikhoyo kwaye uzilayishe kwiwebhusayithi. Ke, imisebenzi efana neCSS Miniify okanye ukucutheka iya kugqitywa ngempumelelo, kwaye zonke iingxaki ezinokuthi zifumaneke ngeCSS yesiza ziya kupheliswa.

Kutheni kufuneka ucuthe iifayile zakho zeCSS?

Ukuba newebhusayithi ekhawulezayo akwenzi uGoogle onwabe kuphela, inceda iwebhusayithi yakho ukuba ibekwe phezulu kukhangelo kwaye ikwabonelela ngamava angcono omsebenzisi kwiindwendwe zakho zesayithi.

Khumbula, i-40% yabantu ayilindi imizuzwana emi-3 ukuba iphepha lakho lasekhaya lilayishwe, kwaye uGoogle ucebisa ukuba iisayithi zilayishwe ngaphakathi kwemizuzwana emi-2-3 kakhulu.

Ukucinezela ngesixhobo sokunciphisa iCSS kuneenzuzo ezininzi;

• Iifayile ezincinci zithetha ukuba ubungakanani bokukhuphela bendawo yakho buncitshisiwe.
• Iindwendwe zesayithi zinokulayisha kwaye zifikelele kumaphepha akho ngokukhawuleza.
• Iindwendwe zesayithi zifumana amava omsebenzisi ofanayo ngaphandle kokukhuphela iifayile ezinkulu.
• Abanini besiza bafumana iindleko ezisezantsi ze-bandwidth kuba idatha encinci ihanjiswa kwinethiwekhi.

Sisebenza njani isincinci se-CSS?

Ngumbono olungileyo ukugcina iifayile zesayithi yakho phambi kokuba uzicuthe. Unokuthatha inyathelo eliya phambili kwaye ucuthe iifayile zakho kwindawo yovavanyo. Ngale ndlela uqinisekisa ukuba yonke into ilungile kwaye iyasebenza ngaphambi kokuba wenze utshintsho kwindawo yakho ephilayo.

Kwakhona kubalulekile ukuthelekisa isantya sephepha lakho ngaphambi nasemva kokunciphisa iifayile zakho ukuze ukwazi ukuthelekisa iziphumo kwaye ubone ukuba ukucutheka kuye kwaba nayiphi na impembelelo.

Unokuhlalutya ukusebenza kwesantya sephepha lakho usebenzisa i-GTmetrix, iGoogle PageSpeed ​​​​Insights, kunye neYSlow, isixhobo sokuvavanya ukusebenza komthombo ovulekileyo.

Ngoku makhe sibone indlela yokwenza inkqubo yokunciphisa;

1. Umnciphisi we-CSS owenziwe ngesandla

Ukucutha iifayile ngesandla kuthatha ixesha elininzi kunye nomzamo. Ngaba unalo ixesha lokususa izithuba, imigca kunye nekhowudi engafunekiyo kwiifayile? Mhlawumbi akunjalo. Ngaphandle kwexesha, le nkqubo yokunciphisa inika indawo engakumbi yempazamo yomntu. Ngoko ke, le ndlela ayikhuthazwa ukuba icuthe iifayile. Ngethamsanqa, zininzi izixhobo ze-miniification zasimahla ezikuvumela ukuba ukope kwaye uncamathisele ikhowudi kwindawo yakho.

I-CSS minifier sisixhobo sasimahla se-intanethi sokunciphisa iCSS. Xa ukopisha kwaye uncamathisele ikhowudi kwindawo yokubhaliweyo ethi "Input CSS", isixhobo sinciphisa iCSS. Kukho iinketho zokukhuphela imveliso encinci njengefayile. Kubaphuhlisi, esi sixhobo sikwabonelela nge-API.

I-JSCompress , i-JSCompress yi-intanethi ye-JavaScript compressor evumela ukuba ucinezele kwaye unciphise iifayile zakho ze-JS ukuya kwi-80% yobukhulu bazo bokuqala. Khuphela kwaye uncamathisele ikhowudi yakho okanye ulayishe kwaye udibanise iifayile ezininzi oza kuzisebenzisa. Emva koko cofa "Compress JavaScript - Compress JavaScript".

2. I-minifier ye-CSS ene-plugins ze-PHP

Kukho iiplagi ezinkulu, zombini simahla kunye neprimiyamu, ezinokucutha iifayile zakho ngaphandle kokwenza amanyathelo okwenziwa ngesandla.

• Hlanganisa,
• nciphisa,
• hlaziya
• Iiplagi ze-WordPress.

Le plugin yenza ngaphezulu kokunciphisa ikhowudi yakho. Idibanisa iifayile zakho zeCSS kunye neJavaScript kwaye emva koko inciphise iifayile ezenziwe kusetyenziswa i-Minify (yeCSS) kunye noValo lukaGoogle (lweJavaScript). Ukunciphisa kwenziwa ngeWP-Cron ukwenzela ukuba ingachaphazeli isantya sakho sesayithi. Xa umxholo weefayile zakho ze-CSS okanye ze-JS zitshintsha, zinikezelwa kwakhona ukuze ungakhupheli i-cache yakho.

I-JCH Optimize ineempawu ezintle ezintle zeplagin yamahhala: idibanisa kwaye iyancipha i-CSS kunye neJavaScript, iyancipha i-HTML, ibonelela ngoxinzelelo lwe-GZip ukudibanisa iifayile, kunye nokunikezelwa kwe-sprite kwimifanekiso yangasemva.

CSS Minify , Kufuneka ufake kuphela kwaye usebenze ukunciphisa iCSS yakho ngeCSS Minify. Yiya kwiisetingi> CSS Minify kwaye uvule inketho enye kuphela: Lungiselela kwaye unciphise ikhowudi yeCSS.

I-Fast Velocity Minify Ngaphezulu kwe-20,000 yofakelo olusebenzayo kunye nokulinganisa kweenkwenkwezi ezintlanu, i-Fast Velocity Minify yenye yezona zinto zikhethwa kakhulu ezikhoyo kwiifayile ezicuthayo. Ukuyisebenzisa, kufuneka ufake kuphela kwaye usebenze.

Yiya kwiisetingi> Isantya esikhawulezayo Minify. Apha uya kufumana inani leenketho zokuqwalasela iplagin, kuquka ukukhutshwa kweJavaScript ephezulu kunye neCSS kubaphuhlisi, iinketho zeCDN, kunye nolwazi lweseva. Useto olungagqibekanga lusebenza kakuhle kwiindawo ezininzi.

I-plugin yenza ukuncipha kwi-frontend ngexesha lokwenyani kwaye kuphela ngexesha lesicelo sokuqala esingagcinwanga. Emva kokuba isicelo sokuqala siqwalaselwe, ifayile ye-cache efanayo emileyo inikezelwa kwamanye amaphepha afuna isethi efanayo yeCSS kunye neJavaScript.

3. CSS minifier kunye WordPress plugins

CSS minifier luphawu oluqhelekileyo odla ngokulufumana kwi-caching plugins.

• WP Rocket,
• W3 Iyonke iCache,
• WP SuperCache,
• I-WP Cache ekhawulezayo.

Siyathemba ukuba izisombululo esizinike ngasentla zikukhanyisele malunga nendlela yokwenza i-CSS minifier kwaye unokuqonda ukuba ungayisebenzisa njani kwiwebhusayithi yakho. Ukuba uyenzile le nto ngaphambili, zeziphi ezinye iindlela oye wazisebenzisa ukwenza iwebhusayithi yakho ngokukhawuleza? Sibhalele kwicandelo lezimvo kwiSoftmedal, ungalibali ukwabelana ngamava akho kunye neengcebiso zokuphucula umxholo wethu.