Kipenyo Kidogo Cha CSS

CSS miniifier ni nini?

Kipenyo kidogo cha CSS kinalenga kupunguza faili za CSS kwenye tovuti. Dhana hii, ambayo inatumika kama Kiingereza sawa (CSS Minifier), inajumuisha mpangilio katika faili za CSS. Wakati CSS zimetayarishwa, lengo kuu ni wasimamizi wa tovuti au coders kuchanganua mistari kwa usahihi. Kwa hiyo, lina mistari mingi sana. Kuna mistari ya maoni na nafasi zisizo za lazima kati ya mistari hii. Hii ndiyo sababu faili za CSS zinakuwa ndefu sana. Matatizo haya yote yanaondolewa kwa kutumia kipenyo kidogo cha CSS.

Je, kipenyo kidogo cha CSS hufanya nini?

Pamoja na mabadiliko yaliyofanywa katika faili za CSS; vipimo vimepunguzwa, mistari isiyo ya lazima huondolewa, mistari ya maoni na nafasi zisizo za lazima zinafutwa. Zaidi ya hayo, ikiwa zaidi ya msimbo mmoja umejumuishwa kwenye CSS, misimbo hii pia hufutwa.

Kuna programu-jalizi na programu mbali mbali za shughuli hizi ambazo watumiaji wengi wanaweza kufanya kwa mikono. Hasa kwa watu wanaotumia mfumo wa WordPress, michakato hii inaweza kuwa otomatiki na programu-jalizi. Kwa hivyo, uwezekano wa kufanya makosa huondolewa na matokeo ya ufanisi zaidi yanapatikana.

Watu ambao hawatumii WordPress kwa CSS au hawataki kupendelea programu-jalizi zilizopo wanaweza pia kutumia zana za mtandaoni. Kwa kupakua CSS kwenye zana za mtandaoni kwenye mtandao, faili zilizopo kwenye CSS hupunguzwa kwa kufanya mabadiliko. Baada ya taratibu zote kukamilika, itakuwa ya kutosha kupakua faili zilizopo za CSS na kuzipakia kwenye tovuti. Kwa hivyo, utendakazi kama vile CSS Minify au kupungua utakamilika kwa mafanikio, na matatizo yote yanayowezekana ambayo yanaweza kupatikana kupitia CSS ya tovuti yataondolewa.

Kwa nini unapaswa kupunguza faili zako za CSS?

Kuwa na tovuti ya haraka hakufurahishi Google tu, husaidia tovuti yako kuorodheshwa katika utafutaji na pia hutoa hali bora ya utumiaji kwa wanaotembelea tovuti yako.

Kumbuka, 40% ya watu hawasubiri hata sekunde 3 kwa ukurasa wako wa nyumbani kupakia, na Google inapendekeza tovuti zipakie ndani ya sekunde 2-3 zaidi.

Kubana na zana ya kipenyo cha CSS kuna manufaa mengi;

• Faili ndogo zinamaanisha kuwa ukubwa wa jumla wa upakuaji wa tovuti yako umepunguzwa.
• Wageni wa tovuti wanaweza kupakia na kufikia kurasa zako kwa haraka zaidi.
• Wanaotembelea tovuti hupata matumizi sawa ya mtumiaji bila kulazimika kupakua faili kubwa.
• Wamiliki wa tovuti hupata gharama ya chini ya kipimo data kwa sababu data kidogo husambazwa kwenye mtandao.

Je, kipenyo kidogo cha CSS hufanya kazi vipi?

Ni vyema kuweka nakala za faili za tovuti yako kabla ya kuzipunguza. Unaweza hata kuchukua hatua zaidi na kupunguza faili zako kwenye tovuti ya majaribio. Kwa njia hii unahakikisha kuwa kila kitu kiko sawa kabla ya kufanya mabadiliko kwenye tovuti yako ya moja kwa moja.

Pia ni muhimu kulinganisha kasi ya ukurasa wako kabla na baada ya kupunguza faili zako ili uweze kulinganisha matokeo na kuona ikiwa kupungua kumekuwa na athari yoyote.

Unaweza kuchanganua utendakazi wa kasi ya ukurasa wako kwa kutumia GTmetrix, Google PageSpeed ​​​​Insights, na YSlow, zana huria ya kupima utendakazi.

Sasa hebu tuone jinsi ya kufanya mchakato wa kupunguza;

1. Kipenyo kidogo cha CSS

Kupunguza faili mwenyewe huchukua muda na bidii kubwa. Kwa hivyo una wakati wa kuondoa nafasi, mistari na nambari zisizo za lazima kutoka kwa faili? Pengine si. Kando na wakati, mchakato huu wa kupunguza pia hutoa nafasi zaidi kwa makosa ya kibinadamu. Kwa hiyo, njia hii haipendekezi kwa kupungua kwa faili. Kwa bahati nzuri, kuna zana nyingi za bure za uboreshaji mkondoni ambazo hukuruhusu kunakili na kubandika msimbo kutoka kwa tovuti yako.

CSS minifier ni zana isiyolipishwa ya mtandaoni ya kupunguza CSS. Unaponakili na kubandika msimbo kwenye sehemu ya maandishi ya "Ingiza CSS", zana hupunguza CSS. Kuna chaguo za kupakua towe ndogo kama faili. Kwa watengenezaji, chombo hiki pia hutoa API.

JSCompress , JSCompress ni kishinikizi cha mtandaoni cha JavaScript ambacho hukuruhusu kubana na kupunguza faili zako za JS hadi 80% ya saizi yao asili. Nakili na ubandike msimbo wako au upakie na uchanganye faili nyingi za kutumia. Kisha bonyeza "Finya JavaScript - Finyaza JavaScript".

2. kipenyo kidogo cha CSS kilicho na programu jalizi za PHP

Kuna programu-jalizi nzuri, za bure na za malipo, ambazo zinaweza kupunguza faili zako bila kuchukua hatua za mwongozo.

• Unganisha,
• minify,
• furahisha,
• WordPress Plugins.

Programu-jalizi hii hufanya zaidi ya kupunguza msimbo wako. Inachanganya faili zako za CSS na JavaScript na kisha kupunguza faili zilizoundwa kwa kutumia Minify (kwa CSS) na Google Closure (kwa JavaScript). Uboreshaji hufanywa kupitia WP-Cron ili isiathiri kasi ya tovuti yako. Wakati maudhui ya faili zako za CSS au JS yanapobadilika, hutolewa upya ili usilazimike kufuta akiba yako.

JCH Optimize ina baadhi ya vipengele vyema vya programu-jalizi isiyolipishwa: inachanganya na kupunguza CSS na JavaScript, inapunguza HTML, inatoa mgandamizo wa GZip ili kuchanganya faili, na uwasilishaji wa sprite kwa picha za usuli.

CSS Minify , Unahitaji tu kusakinisha na kuamilisha ili kupunguza CSS yako ukitumia CSS Minify. Nenda kwa Mipangilio > CSS Minify na uwashe chaguo moja pekee: Boresha na upunguze msimbo wa CSS.

Kasi ya Haraka Minify Pamoja na usakinishaji amilifu zaidi ya 20,000 na ukadiriaji wa nyota tano, Kasi ya Haraka Minify ni mojawapo ya chaguo maarufu zaidi zinazopatikana kwa kupungua kwa faili. Ili kuitumia, unahitaji tu kusakinisha na kuamilisha.

Nenda kwa Mipangilio> Kasi ya Haraka Minify. Hapa utapata chaguo kadhaa za kusanidi programu-jalizi, ikijumuisha viondoaji vya hali ya juu vya JavaScript na CSS kwa wasanidi, chaguo za CDN, na maelezo ya seva. Mipangilio chaguo-msingi hufanya kazi vizuri kwa tovuti nyingi.

Programu-jalizi hufanya kupungua kwa sehemu ya mbele kwa wakati halisi na wakati wa ombi la kwanza ambalo halijaakibishwa. Baada ya ombi la kwanza kuchakatwa, faili sawa ya kache tuli hutumiwa kwa kurasa zingine zinazohitaji seti sawa ya CSS na JavaScript.

3. CSS minifier na programu-jalizi WordPress

CSS minifier ni kipengele cha kawaida ambacho utapata kwa kawaida katika programu jalizi za akiba.

• Roketi ya WP,
• W3 Jumla ya Akiba,
• WP SuperCache,
• WP Cache ya haraka sana.

Tunatumahi kuwa masuluhisho tuliyowasilisha hapo juu yamekupa mwanga kuhusu jinsi ya kufanya kinunishi cha CSS na unaweza kuelewa jinsi unavyoweza kukitumia kwenye tovuti yako. Ikiwa umefanya hivi hapo awali, ni njia gani zingine umetumia kufanya tovuti yako iwe haraka? Tuandikie katika sehemu ya maoni kwenye Softmedal, usisahau kushiriki uzoefu wako na mapendekezo ili kuboresha maudhui yetu.