CSS Minifier

Inona no atao hoe CSS minifier?

CSS minifier dia mikendry ny hampihenana ny rakitra CSS amin'ny tranokala. Ity hevitra ity, izay ampiasaina ho mitovy amin'ny teny anglisy (CSS Minifier), dia misy fandaharana amin'ny rakitra CSS. Rehefa voaomana ny CSS, ny tanjona lehibe dia ny handinihan'ny mpitantana tranonkala na coders ny tsipika tsara. Noho izany dia misy andalana maro be izy io. Misy andalana sy elanelana tsy ilaina eo anelanelan'ireo andalana ireo. Izany no mahatonga ny rakitra CSS ho lasa lava be. Ireo olana rehetra ireo dia esorina amin'ny CSS minifier.

Inona no atao hoe CSS minifier?

Miaraka amin'ny fanovana natao tamin'ny rakitra CSS; ahena ny refy, esorina ny tsipika tsy ilaina, voafafa ny andalana sy ny habaka tsy ilaina. Ankoatra izany, raha mihoatra ny iray ny kaody tafiditra ao amin'ny CSS dia voafafa ihany koa ireo kaody ireo.

Misy plug-ins sy fampiharana isan-karazany ho an'ireo asa ireo izay azon'ny ankamaroan'ny mpampiasa atao amin'ny tanana. Indrindra ho an'ny olona mampiasa ny rafitra WordPress, ireo dingana ireo dia azo automatique amin'ny plugins. Noho izany, ny mety hisian'ny fahadisoana dia foana ary ny vokatra mahomby kokoa azo.

Ny olona tsy mampiasa WordPress ho an'ny CSS na tsy te hifidy plugins efa misy dia afaka mampiasa fitaovana an-tserasera ihany koa. Amin'ny alàlan'ny fampidinana ny CSS amin'ny fitaovana an-tserasera amin'ny Internet, ny rakitra efa misy ao amin'ny CSS dia mihena amin'ny alàlan'ny fanovana. Rehefa vita ny dingana rehetra dia ampy ny misintona ireo rakitra CSS efa misy ary mampakatra azy ireo amin'ny tranokala. Noho izany, ho vita soa aman-tsara ny asa toy ny CSS Minify na ny fihenana, ary ny olana rehetra mety hitranga amin'ny alàlan'ny CSS ho an'ny tranokala dia hofoanana.

Nahoana ianao no tokony hampihena ny rakitra CSS anao?

Ny fananana tranokala haingana dia tsy vitan'ny hoe mahafaly an'i Google, manampy ny tranokalanao ho ambony kokoa amin'ny fikarohana ary manome traikefa mpampiasa tsara kokoa ho an'ny mpitsidika ny tranokalanao.

Tsarovy fa ny 40%-n'ny olona dia tsy miandry 3 segondra akory vao hampiditra ny pejinao, ary Google dia manoro hevitra ny hampidirana ny tranokala ao anatin'ny 2-3 segondra raha be indrindra.

Ny fanerena amin'ny fitaovana CSS minifier dia manana tombony maro;

• Ny rakitra kely kokoa dia midika fa mihena ny haben'ny fampidinana ankapobeny ny tranokalanao.
• Afaka mampiditra sy miditra haingana kokoa ny pejinao ny mpitsidika tranokala.
• Ny mpitsidika tranonkala dia mahazo traikefa mpampiasa mitovy nefa tsy mila misintona rakitra lehibe kokoa.
• Ny tompon'ny tranokala dia mahatsapa ny vidin'ny bandwidth ambany kokoa satria vitsy kokoa ny data alefa amin'ny tambajotra.

Ahoana no fiasan'ny CSS minifier?

Tsara ny manangana ny rakitra ao amin'ny tranokalanao alohan'ny hampihenana azy ireo. Azonao atao mihitsy aza ny manao dingana bebe kokoa ary mampihena ny rakitrao amin'ny tranokala fitsapana. Amin'izany fomba izany dia azonao antoka fa mandeha ny zava-drehetra alohan'ny hanovana ny tranokalanao mivantana.

Zava-dehibe ihany koa ny fampitahana ny hafainganam-pandehan'ny pejy alohan'ny sy aorian'ny fampihenana ny rakitrao mba hahafahanao mampitaha ny valiny ary hahitana raha nisy fiantraikany ny fihenan'ny.

Azonao atao ny mamakafaka ny fahombiazan'ny pejinao amin'ny fampiasana GTmetrix, Google PageSpeed ​​​​Insights, ary YSlow, fitaovana fitiliana fampisehoana loharano misokatra.

Andeha hojerentsika ny fomba hanaovana ny dingana fampihenana;

1. Manual CSS miniifier

Mitaky fotoana sy ezaka be ny fampihenana ny rakitra amin'ny tanana. Ka manam-potoana hanesorana ny habaka tsirairay, andalana ary kaody tsy ilaina amin'ny rakitra ve ianao? Angamba tsy izany. Ankoatra ny fotoana, ity dingana fampihenana ity dia manome toerana bebe kokoa ho an'ny fahadisoan'ny olombelona. Noho izany, ity fomba ity dia tsy soso-kevitra amin'ny fampihenana ny rakitra. Soa ihany fa misy fitaovana fampihenana an-tserasera maimaim-poana maro ahafahanao mandika sy mametaka kaody avy amin'ny tranokalanao.

CSS minifier dia fitaovana an-tserasera maimaim-poana mba hampihenana ny CSS. Rehefa mandika sy mametaka ny kaody ao amin'ny saha lahatsoratra "Input CSS" ianao, dia mampihena ny CSS ny fitaovana. Misy safidy ny misintona ny vokatra minified ho rakitra. Ho an'ny mpamorona, ity fitaovana ity dia manome API ihany koa.

JSCompress , JSCompress dia compressor JavaScript an-tserasera izay ahafahanao manindry sy mampihena ny rakitra JS anao hatramin'ny 80% amin'ny habeny tany am-boalohany. Adikao sy apetaho ny kaodinao na ampidiro ary manambatra rakitra maromaro hampiasaina. Avy eo tsindrio ny "Compress JavaScript - Compress JavaScript".

2. CSS minifier miaraka amin'ny PHP plugins

Misy plugins lehibe sasany, maimaim-poana na premium, izay mety hampihena ny rakitrao nefa tsy mila manao dingana manual.

• mitambatra,
• kely,
• mamelombelona,
• WordPress Plugins.

Ity plugin ity dia manao mihoatra noho ny manalefaka ny codeo. Manambatra ny rakitra CSS sy JavaScript ianao ary avy eo manamaivana ny rakitra noforonina amin'ny Minify (ho an'ny CSS) sy Google Closure (ho an'ny JavaScript). Ny fampihenana dia atao amin'ny alàlan'ny WP-Cron mba tsy hisy fiantraikany amin'ny hafainganam-pandehan'ny tranokalanao. Rehefa miova ny votoatin'ny rakitra CSS na JS-nao dia averina averina izy ireo ka tsy mila manafoana ny cache-nao ianao.

JCH Optimize dia manana endri-javatra tena tsara ho an'ny plugin maimaim-poana: manambatra sy manalefaka ny CSS sy JavaScript, manalefaka HTML, manome famatrarana GZip hanambatra rakitra, ary famandrihana sprite ho an'ny sary ambadika.

CSS Minify , Mila mametraka sy manetsika fotsiny ianao mba hampihenana ny CSS amin'ny CSS Minify. Mandehana any amin'ny Settings> CSS Minify ary avelao ny safidy iray ihany: Optimize sy minify CSS code.

Fast Velocity Minify Miaraka amin'ny fametrahana mavitrika maherin'ny 20,000 sy isa dimy kintana, Fast Velocity Minify dia iray amin'ireo safidy malaza indrindra azo alaina amin'ny fampihenana ny rakitra. Mba hampiasana azy dia mila mametraka sy manetsika fotsiny ianao.

Mandehana any amin'ny Settings> Fast Velocity Minify. Eto ianao dia hahita safidy maromaro amin'ny fanamboarana ny plugin, ao anatin'izany ny JavaScript sy CSS exclusions ho an'ny mpamorona, safidy CDN ary fampahalalana momba ny server. Ny firafitry ny default dia miasa tsara amin'ny ankamaroan'ny tranokala.

Ny plugin dia mihena amin'ny frontend amin'ny fotoana tena izy ary mandritra ny fangatahana voalohany tsy misy cache. Aorian'ny fikarakarana ny fangatahana voalohany dia alefa any amin'ny pejy hafa ny rakitra cache static mitovy amin'izany izay mitaky andiana CSS sy JavaScript mitovy.

3. CSS minifier miaraka amin'ny WordPress plugins

CSS minifier dia endri-javatra mahazatra ho hitanao amin'ny plugins caching.

• WP Rocket,
• W3 Total Cache,
• WP SuperCache,
• WP haingana indrindra Cache.

Manantena izahay fa ny vahaolana narosonay etsy ambony dia nanazava anao ny fomba fanaovana ny CSS minifier ary azonao atao ny mahatakatra ny fomba hampiharana izany amin'ny tranokalanao. Raha efa nanao izany ianao teo aloha, inona no fomba hafa nampiasanao mba hanafainganana ny tranokalanao? Manorata aminay ao amin'ny faritra fanehoan-kevitra momba ny Softmedal, aza adino ny mizara ny traikefanao sy ny soso-kevitrao hanatsarana ny votoatiny.