CSS Minifier

Minifier ya CSS ni iki?

CSS minifier igamije kugabanya dosiye za CSS kurubuga. Iki gitekerezo, gikoreshwa nkicyongereza gihwanye (CSS Minifier), gikubiyemo gahunda muri dosiye ya CSS. Iyo CSS ziteguwe, intego nyamukuru ni iy'abayobozi b'urubuga cyangwa coders gusesengura imirongo neza. Kubwibyo, igizwe n'imirongo myinshi. Hano hari imirongo y'ibitekerezo idakenewe hamwe n'umwanya uri hagati y'iyi mirongo. Niyo mpamvu dosiye za CSS ziba ndende cyane. Ibi bibazo byose byakuweho na CSS minifier.

Minifier ya CSS ikora iki?

Hamwe nimpinduka zakozwe muri dosiye ya CSS; ibipimo bigabanutse, imirongo idakenewe ikurwaho, imirongo y'ibitekerezo idakenewe hamwe n'umwanya bisibwe. Byongeye kandi, niba kode irenze imwe yashyizwe muri CSS, iyi code nayo irasibwe.

Hano hari plug-ins zitandukanye hamwe na progaramu kuriyi mikorere abakoresha benshi bashobora gukora intoki. Cyane cyane kubantu bakoresha sisitemu ya WordPress, izi nzira zirashobora guhita zikoreshwa na plugin. Rero, amahirwe yo gukora amakosa aravaho kandi ibisubizo byiza birabonetse.

Abantu badakoresha WordPress kuri CSS cyangwa badashaka guhitamo amacomeka ariho barashobora gukoresha ibikoresho kumurongo. Mugukuramo CSS kubikoresho byo kumurongo kurubuga rwa interineti, dosiye zisanzwe muri CSS ziragabanuka muguhindura. Inzira zose zimaze kurangira, bizaba bihagije gukuramo dosiye za CSS zisanzwe no kuzishyira kurubuga. Rero, ibikorwa nka CSS Kugabanya cyangwa kugabanuka bizarangira neza, kandi ibibazo byose bishoboka bishobora guhura na CSS kurubuga bizakurwaho.

Kuki ugomba kugabanya dosiye zawe CSS?

Kugira urubuga rwihuse ntabwo bishimisha Google gusa, bifasha urubuga rwawe kurwego rwo hejuru mugushakisha kandi runatanga uburambe bwabakoresha neza kubasura urubuga.

Wibuke, 40% byabantu ntibategereza amasegonda 3 kugirango page yawe yikore, kandi Google irasaba imbuga kwikorera mumasegonda 2-3 kuri byinshi.

Gucomeka hamwe na CSS minifier igikoresho gifite inyungu nyinshi;

• Idosiye ntoya isobanura ko urubuga rwawe rwo gukuramo muri rusange rwagabanutse.
• Abashyitsi kurubuga barashobora kwikorera no kubona page yawe byihuse.
• Abashyitsi kurubuga babona uburambe bwabakoresha batagombye gukuramo dosiye nini.
• Ba nyiri urubuga bahura nigiciro gito kuko amakuru make yoherejwe kumurongo.

Nigute CSS minifier ikora?

Nigitekerezo cyiza cyo kubika dosiye zurubuga rwawe mbere yo kuzigabanya. Urashobora no gutera indi ntera ukagabanya dosiye yawe kurubuga rwikigereranyo. Ubu buryo uremeza neza ko ibintu byose biri hejuru kandi bigenda mbere yo kugira icyo uhindura kurubuga rwawe.

Ni ngombwa kandi kugereranya umuvuduko wurupapuro mbere na nyuma yo kugabanya dosiye yawe kugirango ubashe kugereranya ibisubizo urebe niba kugabanuka byagize ingaruka.

Urashobora gusesengura imikorere yurupapuro rwawe ukoresheje GTmetrix, Google PageSpeed ​​Insight, na YSlow, igikoresho gifungura ibikoresho byo kugerageza.

Noneho reka turebe uko twakora inzira yo kugabanya;

1. Intoki CSS minifier

Kugabanya dosiye intoki bisaba igihe kinini nimbaraga. Noneho ufite umwanya wo gukuraho umwanya, imirongo hamwe na code idakenewe muri dosiye? Birashoboka ko atari byo. Usibye igihe, iyi nzira yo kugabanya nayo itanga umwanya munini wamakosa yabantu. Kubwibyo, ubu buryo ntabwo busabwa kugabanya dosiye. Kubwamahirwe, hari ibikoresho byinshi byubusa kumurongo bigufasha kwigana no gukata kode kurubuga rwawe.

CSS minifier nigikoresho cyo kumurongo kubuntu kugabanya CSS. Iyo wandukuye ukanandika kode mumwanya winyandiko "Iyinjiza CSS", igikoresho kigabanya CSS. Hariho uburyo bwo gukuramo ibisohoka bigabanutse nka dosiye. Kubateza imbere, iki gikoresho nacyo gitanga API.

JSCompress , JSCompress ni compressor ya JavaScript kumurongo igufasha guhagarika no kugabanya dosiye yawe ya JS kugeza kuri 80% yubunini bwumwimerere. Wandukure kandi wandike code yawe cyangwa wohereze kandi uhuze dosiye nyinshi zo gukoresha. Noneho kanda "Kanda JavaScript - Kanda JavaScript".

2. CSS minifier hamwe na plugin ya PHP

Hano hari amacomeka akomeye, yubusa na premium, ashobora kugabanya dosiye yawe utiriwe ukora intambwe zintoki.

• Gukomatanya,
• kugabanya,
• humura,
• Amacomeka ya WordPress.

Gucomeka gukora ibirenze kugabanya code yawe. Ihuza dosiye yawe ya CSS na JavaScript hanyuma ikagabanya dosiye zakozwe ukoresheje Minify (kuri CSS) na Google Closure (kuri JavaScript). Minification ikorwa binyuze kuri WP-Cron kugirango idahindura umuvuduko wurubuga rwawe. Iyo ibikubiye muri dosiye yawe ya CSS cyangwa JS bihindutse, byongeye gutangwa kugirango utagomba gusiba cache yawe.

JCH Optimize ifite ibintu byiza byiza biranga plugin yubuntu: ihuza kandi igabanya CSS na JavaScript, igabanya HTML, itanga compression ya GZip kugirango ihuze dosiye, hamwe na sprite itanga amashusho yinyuma.

CSS Minify , Ukeneye gusa gushiraho no gukora kugirango ugabanye CSS yawe hamwe na CSS Minify. Jya kuri Igenamiterere> CSS Kugabanya no gukora uburyo bumwe gusa: Hindura kandi ugabanye kode ya CSS.

Umuvuduko Wihuse Kugabanya Hamwe na 20.000 zikora zikora hamwe nu nyenyeri eshanu, Umuvuduko wihuse Minify nimwe mumahitamo azwi cyane yo kugabanya dosiye. Kugirango uyikoreshe, ukeneye gusa gushiraho no gukora.

Jya kuri Igenamiterere> Umuvuduko Wihuse Kugabanya. Hano uzasangamo umubare wamahitamo yo gushiraho plugin, harimo JavaScript yateye imbere na CSS itandukanijwe kubateza imbere, amahitamo ya CDN, hamwe namakuru ya seriveri. Igenamiterere risanzwe rikora neza kurubuga rwinshi.

Gucomeka gukora kugabanuka imbere mugihe nyacyo kandi mugihe cyambere cyo kudasabwa. Nyuma yicyifuzo cya mbere kimaze gutunganywa, dosiye imwe ihamye ya cache ihabwa izindi page zisaba icyiciro kimwe cya CSS na JavaScript.

3. CSS minifier hamwe na plugin ya WordPress

CSS minifier nikintu gisanzwe uzasanga muri cishing plugins.

• WP Rocket,
• W3 Ubwihisho bwose,
• WP SuperCache,
• WP Ubwihisho Bwihuse.

Turizera ko ibisubizo twatanze hejuru byakumenyesheje uburyo bwo gukora minifier ya CSS kandi ushobora kumva uburyo ushobora kubishyira kurubuga rwawe. Niba warabikoze mbere, ni ubuhe buryo bundi wakoresheje kugirango urubuga rwawe rwihute? Twandikire mu gice cyibitekerezo kuri Softmedal, ntuzibagirwe gusangira ubunararibonye bwawe nibitekerezo byo kunoza ibyo dukora.