CSS Minifier

Iji CSS miniifier, ị nwere ike wedata faịlụ ụdị CSS. Iji CSS compressor, ị nwere ike mee ka ebe nrụọrụ weebụ gị dị ngwa ngwa.

Kedu ihe bụ CSS minifier?

CSS miniifier na-achọ ibelata faịlụ CSS na weebụsaịtị. Echiche a, nke a na-eji dị ka ihe nhata Bekee (CSS Minifier), gụnyere nhazi na faịlụ CSS. Mgbe akwadoro CSS, ebumnuche bụ isi bụ ka ndị na-ahụ maka webụsaịtị wee nyochaa ahịrị ndị ahụ nke ọma. Ya mere, ọ nwere ọtụtụ ahịrị. Enwere ahịrị nkọwa na oghere na-enweghị isi n'etiti ahịrị ndị a. Ọ bụ ya mere faịlụ CSS ji adị ogologo. A na-ewepụ nsogbu ndị a niile site na iji obere CSS.

Kedu ihe CSS miniifier na-eme?

Tinyere mgbanwe emere na faịlụ CSS; a na-ebelata akụkụ, a na-ewepụ ahịrị ndị na-adịghị mkpa, ahịrị okwu na-enweghị isi na oghere na-ehichapụ. Ọzọkwa, ọ bụrụ na etinyere ihe karịrị otu koodu na CSS, a na-ehichapụkwa koodu ndị a.

Enwere nkwụnye na ngwa dị iche iche maka ọrụ ndị a nke ọtụtụ ndị ọrụ nwere ike iji aka rụọ. Karịsịa maka ndị na-eji usoro WordPress, usoro ndị a nwere ike iji ngwa mgbakwunye rụọ ọrụ. N'ihi ya, a na-ewepụ ohere nke imehie ihe ma nweta nsonaazụ dị irè karị.

Ndị na-adịghị eji WordPress maka CSS ma ọ bụ na-achọghị mmasị plugins ndị dị adị nwekwara ike iji ngwaọrụ ịntanetị. Site na nbudata CSS na ngwaọrụ ịntanetị na ịntanetị, faịlụ ndị dị na CSS na-ebelata site na ime mgbanwe. Mgbe emechara usoro niile, ọ ga-ezuru ibudata faịlụ CSS dị adị wee bulite ha na webụsaịtị. Ya mere, a ga-arụcha ọrụ dịka CSS Minify ma ọ bụ mbelata nke ọma, a ga-ewepụkwa nsogbu niile enwere ike ịnweta site na CSS maka saịtị ahụ.

Kedu ihe kpatara ị ga-eji mebie faịlụ CSS gị?

Inwe ebe nrụọrụ weebụ ngwa ngwa ọ bụghị naanị na-eme Google obi ụtọ, ọ na-enyere gị aka na ebe nrụọrụ weebụ gị dị elu na nchọta ma na-enyekwa ahụmahụ ọrụ ka mma maka ndị ọbịa saịtị gị.

Cheta, 40% nke ndị mmadụ anaghị echere 3 sekọnd ka homepage gị ga-ebu, na Google na-atụ aro ibu saịtị n'ime 2-3 sekọnd kacha.

Iji ngwá ọrụ miniifier CSS na-akpakọ nwere ọtụtụ uru;

  • Faịlụ pere mpe pụtara na ebelatala nha nbudata mkpokọta saịtị gị.
  • Ndị ọbịa saịtị nwere ike ibu ma nweta ibe gị ọsọ ọsọ.
  • Ndị ọbịa saịtị na-enweta otu ahụmịhe onye ọrụ na-enweghị nbudata faịlụ buru ibu.
  • Ndị nwe saịtị na-enweta ọnụ ahịa bandwidth dị ala n'ihi na a na-ebufe obere data na netwọkụ.

Kedu ka CSS miniifier si arụ ọrụ?

Ọ dị mma ịkwado faịlụ saịtị gị tupu ibelata ha. Ị nwere ike iwere ya n'ihu ma mee ka faịlụ gị dị na saịtị ikpe. N'ụzọ dị otú a, ị na-agba mbọ hụ na ihe niile na-arụ ọrụ tupu ịme mgbanwe na saịtị gị.

Ọ dịkwa mkpa ịtụle ọsọ ibe gị tupu na mgbe ị na-ebelata faịlụ gị ka ị nwee ike iji rịzọlt tulee wee hụ ma mbelata enweela mmetụta ọ bụla.

Ị nwere ike nyochaa arụmọrụ ọsọ ibe gị site na iji GTmetrix, Google PageSpeed ​​​​Insights, na YSlow, ngwá ọrụ nyocha arụmọrụ mepere emepe.

Ugbu a, ka anyị hụ otú e si eme mbelata usoro;

1. Ngwunye CSS akwụkwọ ntuziaka

Iji aka na-ebelata faịlụ na-ewe nnukwu oge na mbọ. Yabụ ị nwere oge iwepu oghere, ahịrị na koodu na-enweghị isi na faịlụ? Ikekwe ọ bụghị. Ewezuga oge, usoro mbelata a na-enyekwa ohere maka njehie mmadụ. Ya mere, a naghị atụ aro usoro a maka ịbelata faịlụ. Ọ dabara nke ọma, enwere ọtụtụ ngwaọrụ mbelata n'ịntanetị na-enye gị ohere idetu na mado koodu na saịtị gị.

CSS minifier bụ ngwa ịntanetị efu iji wedata CSS. Mgbe idetuo na mado koodu ahụ n'ime mpaghara ederede "Input CSS", ngwá ọrụ ahụ na-ebelata CSS. Enwere nhọrọ iji budata mmepụta obere dị ka faịlụ. Maka ndị mmepe, ngwa a na-enyekwa API.

JSCompress , JSCompress bụ ihe ntanetị JavaScript nke na-enye gị ohere ịpịkọta ma belata faịlụ JS gị ruo 80% nke nha mbụ ha. Detuo na mado koodu gị ma ọ bụ bulite ma jikọta ọtụtụ faịlụ iji jiri. Wee pịa "Mpịakọta JavaScript - Mpịakọta JavaScript".

2. CSS minifier na PHP plugins

Enwere ụfọdụ nnukwu plugins, ma nke efu na nke adịchaghị, nke nwere ike imebi faịlụ gị na-enweghị ịme usoro ntuziaka.

  • Jikota,
  • belata,
  • nweta ume,
  • Ngwa mgbakwunye WordPress.

Ngwa mgbakwunye a na-eme karịa iwetu koodu gị. Ọ na-agwakọta faịlụ CSS na Javascript gị wee wedata faịlụ ndị ejiri Miniify (maka CSS) na mmechi Google (maka Javascript). A na-eme mbelata site na WP-Cron ka ọ ghara imetụta ọsọ saịtị gị. Mgbe ọdịnaya nke faịlụ CSS ma ọ bụ JS gị gbanwere, a na-atụgharịghachi ha ka ị ghara ịkwatu cache gị.

JCH Optimize nwere ụfọdụ ọmarịcha atụmatụ maka ngwa mgbakwunye efu: ọ na-ejikọta ma na-ebelata CSS na Javascript, na-ebelata HTML, na-enye mkpakọ GZip iji jikọta faịlụ, na nsụgharị sprite maka ihe oyiyi ndabere.

CSS Minify , Naanị ị ga-achọ ịwụnye ma rụọ ọrụ iji wedata CSS gị na CSS Miniify. Gaa na Ntọala> CSS Minify wee mee naanị otu nhọrọ: bulie ma wedata koodu CSS.

Ọsọ ọsọ Minify N'ihe nrụnye karịrị 20,000 nọ n'ọrụ yana akara kpakpando ise, Ọsọ ọsọ Minify bụ otu n'ime nhọrọ kachasị ewu ewu dị maka faịlụ mbelata. Iji jiri ya, naanị ị ga-achọ ịwụnye ma rụọ ọrụ.

Gaa na Ntọala> Ọsọ ọsọ wedata. N'ebe a, ị ga-ahụ ọtụtụ nhọrọ maka ịhazi ngwa mgbakwunye, gụnyere Javascript dị elu na mwepu CSS maka ndị mmepe, nhọrọ CDN na ozi nkesa. Ntọala ndabara na-arụ ọrụ nke ọma maka ọtụtụ saịtị.

Ngwa mgbakwunye na-arụ ọrụ na-ebelata na frontend na ozugbo na naanị n'oge mbụ na-enweghị cache arịrịọ. Mgbe emechara arịrịọ nke mbụ, a na-eziga otu faịlụ cache static ahụ na ibe ndị ọzọ chọrọ otu ụdị CSS na Javascript.

3. CSS minifier na WordPress plugins

CSS minifier bụ njirimara ọkọlọtọ ị na-ahụkarị na plugins caching.

  • WP rọketi,
  • W3 mkpokọta cache,
  • WP SuperCache,
  • WP Cache kacha ọsọ.

Anyị na-atụ anya na azịza anyị gosipụtara n'elu emeela ka ị ghọta otu esi eme CSS minifier na ị nwere ike ịghọta otu ị ga-esi tinye ya na ebe nrụọrụ weebụ gị. Ọ bụrụ na ịmeela nke a na mbụ, olee ụzọ ndị ọzọ ị jiri mee ka ebe nrụọrụ weebụ gị dị ngwa ngwa? Dee anyị na ngalaba nkọwa na Softmedal, echefula ịkọrọ ahụmahụ gị na aro gị iji melite ọdịnaya anyị.