CSS Minifier

Bi mînîfînerê CSS re, hûn dikarin pelên şêwaza CSS-ê kêm bikin. Bi kompresorê CSS re, hûn dikarin bi hêsanî malperên xwe bilez bikin.

CSS minifier çi ye?

CSS minifier armanc dike ku pelên CSS-ê li ser malperan piçûk bike. Ev têgeh, ku wekî hevwateya Englishngilîzî (CSS Minifier) ​​tê bikar anîn, di pelên CSS de verastkirinek vedihewîne. Dema ku CSS têne amadekirin, armanca sereke ew e ku rêvebirên malperê an kodkeran rêzan rast analîz bikin. Ji ber vê yekê, ew ji gelek rêzan pêk tê. Di navbera van rêzan de xetên şîrove û valahiyên nepêwîst hene. Ji ber vê yekê pelên CSS pir dirêj dibin. Hemî van pirsgirêkan bi CSS minifier têne rakirin.

CSS minifier çi dike?

Li gel guhertinên ku di pelên CSS de hatine çêkirin; pîvan kêm dibin, xêzên nehewce têne rakirin, xetên şîroveyên nehewce û cîh têne jêbirin. Wekî din, heke ji yekê zêdetir kod di CSS-ê de hebe, ev kod jî têne jêbirin.

Ji bo van operasyonan cûrbecûr pêvek û serîlêdanên ku pir bikarhêner dikarin bi destan pêk bînin hene. Bi taybetî ji bo kesên ku pergala WordPress-ê bikar tînin, ev pêvajo dikarin bi pêvekan re bêne otomatîk kirin. Bi vî awayî îhtîmala xeletiyan ji holê radibe û encamên bibandortir tên bidestxistin.

Kesên ku WordPress-ê ji bo CSS-ê bikar neynin an jî naxwazin pêvekên heyî tercîh bikin jî dikarin amûrên serhêl bikar bînin. Bi daxistina CSS-ê li ser amûrên serhêl ên li ser înternetê, pelên heyî yên di CSS-ê de bi guhertinan kêm dibin. Piştî ku hemî pêvajo qediyan, ew ê bes be ku pelên CSS yên heyî dakêşin û wan li ser malperê bar bikin. Bi vî rengî, operasyonên wekî CSS Minify an piçûkkirin dê bi serfirazî biqede, û hemî pirsgirêkên gengaz ên ku ji hêla CSS-ê ve ji bo malperê têne ceribandin dê werin rakirin.

Çima divê hûn pelên CSS-ê xwe piçûk bikin?

Xwedî malperek bilez ne tenê Google kêfxweş dike, ew dibe alîkar ku malpera we di lêgerînan de bilindtir bibe û di heman demê de ezmûnek bikarhênerek çêtir ji bo mêvanên malpera we peyda dike.

Bînin bîra xwe, 40% ji mirovan 3 çirkeyan jî li benda barkirina malpera we namînin, û Google pêşniyar dike ku malper herî zêde di nav 2-3 çirkeyan de werin barkirin.

Tevlihevkirina bi amûra piçûktir a CSS re gelek feydeyên xwe hene;

  • Pelên piçûktir tê vê wateyê ku mezinahiya dakêşana giştî ya malpera we kêm dibe.
  • Mêvanên malperê dikarin rûpelên we zûtir bar bikin û bigihîjin.
  • Mêvanên malperê bêyî ku pelên mezintir dakêşin heman ezmûna bikarhêner digirin.
  • Xwediyên malperê mesrefên bandwidthê kêmtir tecrûbir dikin ji ber ku kêmtir dane li ser torê têne şandin.

CSS minifier çawa dixebite?

Ev fikreke baş e ku hûn pelên malpera xwe paşde bikin berî ku wan piçûk bikin. Tewra hûn dikarin wê gavek pêşdetir bavêjin û pelên xwe li ser malperek ceribandinê piçûk bikin. Bi vî rengî hûn pê ewle ne ku her tişt berî ku hûn di malpera xweya zindî de guheztinan çêbikin û bi rê ve bibin.

Di heman demê de girîng e ku hûn leza rûpela xwe berî û piştî piçûkkirina pelên xwe bidin ber hev da ku hûn encaman bidin ber hev û bibînin ka kêmkirina bandorek heye an na.

Hûn dikarin performansa leza rûpela xwe bi karanîna GTmetrix, Google PageSpeed ​​​​Insights, û YSlow, amûrek ceribandina performansa çavkaniya vekirî analîz bikin.

Naha em bibînin ka meriv pêvajoya kêmkirinê çawa dike;

1. Manual CSS minifier

Kêmkirina pelan bi destan dem û hewldanek girîng digire. Ji ber vê yekê wextê we heye ku hûn cîh, xêz û kodên nehewce ji pelan derxînin? Probably ne. Ji bilî demê, ev pêvajoya kêmkirinê ji bo xeletiya mirovî jî cîhek bêtir peyda dike. Ji ber vê yekê, ev rêbaz ji bo piçûkkirina pelan nayê pêşniyar kirin. Xwezî, gelek amûrên kêmkirina serhêl ên belaş hene ku dihêle hûn kodê ji malpera xwe kopî bikin û bişopînin.

CSS minifier amûrek serhêl a belaş e ku ji bo kêmkirina CSS-ê ye. Dema ku hûn kodê di qada nivîsê ya "Kêtina CSS" de kopî bikin û bixin, amûr CSS-ê kêm dike. Vebijêrk hene ku meriv hilbera kêmkirî wekî pelek dakêşin. Ji bo pêşdebiran, ev amûr jî API-ê peyda dike.

JSCompress , JSCompress kompresorek JavaScript-ê ya serhêl e ku dihêle hûn pelên JS-ya xwe heya 80% ji mezinahiya xweya orîjînal tevlihev bikin û kêm bikin. Koda xwe kopî bikin û bixin an jî gelek pelan dakêşin û bi hev re bikar bînin. Dûv re bikirtînin "JavaScript Compress - Compres JavaScript".

2. CSS minifier bi pêvekên PHP

Hin pêvekên hêja hene, hem belaş û hem jî premium, ku dikarin pelên we piçûk bikin bêyî ku hûn gavên bi destan bikin.

  • Bihevkelyan,
  • biçûkkirin,
  • hênikkirin,
  • Pêvekên WordPress.

Ev pêvek ji kêmkirina koda we bêtir dike. Ew pelên CSS û JavaScript-a we berhev dike û dûv re pelên ku bi karanîna Minify (ji bo CSS) û Google Closure (ji bo JavaScript) hatine afirandin piçûk dike. Kêmkirin bi WP-Cron ve tê kirin da ku ew bandorê li leza malpera we neke. Dema ku naveroka pelên CSS an JS-ya we diguhezîne, ew ji nû ve têne pêşkêş kirin da ku hûn ne hewce ne ku cache-ya xwe vala bikin.

JCH Optimize ji bo pêvekek belaş hin taybetmendiyên pir baş hene: ew CSS û JavaScript-ê bihev dike û piçûk dike, HTML-ê piçûk dike, berhevkirina GZip-ê peyda dike ku pelan berhev bike, û ji bo wêneyên paşîn vesazkirina sprite peyda dike.

CSS Minify , Hûn tenê hewce ne ku saz bikin û çalak bikin da ku CSS-ya xwe bi CSS Minify re kêm bikin. Herin Settings> CSS Minify û tenê vebijarkek çalak bikin: Koda CSS-ê xweşbîn bikin û kêm bikin.

Fast Velocity Minify Bi zêdetirî 20,000 sazkirinên çalak û nirxek pênc-stêrk, Fast Velocity Minify yek ji vebijarkên herî populer e ku ji bo piçûkkirina pelan peyda dibe. Ji bo karanîna wê, hûn tenê hewce ne ku saz bikin û çalak bikin.

Biçe Settings> Fast Velocity Minify. Li vir hûn ê ji bo mîhengkirina pêvekê çend vebijarkan bibînin, di nav de jûreyên pêşkeftî yên JavaScript û CSS ji bo pêşdebiran, vebijarkên CDN, û agahdariya serverê. Mîhengên xwerû ji bo pir malperan baş dixebitin.

Pêvek di dema rast de û tenê di dema yekem daxwaziya ne-cached de li ser pêşê piçûk dibe. Piştî ku daxwaziya yekem hate pêvajo kirin, heman pelê cache-ya statîk ji rûpelên din ên ku heman koma CSS û JavaScript-ê hewce dikin re tê pêşkêş kirin.

3. CSS minifier bi pêvekên WordPress

CSS minifier taybetmendiyek standard e ku hûn ê bi gelemperî di pêvekên cachkirinê de bibînin.

  • WP Rocket,
  • W3 Tevahiya Cache,
  • WP SuperCache,
  • WP Fastest Cache.

Em hêvî dikin ku çareseriyên ku me li jor pêşkêşî we kiribe ka meriv çawa mînîfînera CSS-ê çawa dike û hûn dikarin fêm bikin ka hûn çawa dikarin wê li malpera xwe bicîh bikin. Ger we berê wiya kiriye, we çi rêbazên din bikar aniye ku hûn malpera xwe zûtir bikin? Di beşa şîroveyan de li ser Softmedal ji me re binivîsin, ji bîr nekin ku ezmûn û pêşniyarên xwe parve bikin da ku naveroka me baştir bikin.