Mmezi onyonyo na-enye nloghachi kacha elu n'itinye ego maka arụmọrụ WordPress: n'agbanyeghị na nhazi ibe na isiokwu yiri ibe ha, ịhazi nha onyonyo, ogologo na obosara ya, ụdị faịlụ na usoro nnyefe nke ọma nwere ike inye mmezi ozugbo na ahụmịhe ibubata ibe.

Otú ọ dị, imeziwanye onyonyo bụkwa ihe kacha nwee ike ibute ọnọdụ ebe “ka ị na-emeziwanye ya, ka ọ na-esiwanye njọ”. Ihe kpatara ya abụghị na usoro ahụ siri ike, kama ọ bụ na ozi ahụ kewara nke ukwuu:
Ị gụrụla ụfọdụ edemede ma mụta banyere “compression”, “WebP/AVIF” na “lazy loading”, ma mgbe ị lere nkọwa plugin ahụ, ọ na-ekwu “100 credits n'efu kwa ọnwa”, “20MB n'efu” na “1 credit kwa onyonyo”—ma ka ị na-agụkwu, ka ị na-aghọkwu mgbagwoju anya. Ọ̀ bụ na ikike n'efu ahụ zuru oke n'eziokwu? Kedu ka e si ewepụ ụgwọ? Ị ghọtara “otu ihe ahụ” n'ụzọ na-ezighi ezi? Ma ihe kacha mkpa:Ọ rụrụ ọrụ n'eziokwu mgbe ị mechara?

Isiokwu a na-eme naanị ihe atọ:

  1. Nke a bụ otu ihe ị nwere ike ime.Ntuziaka ụzọ(Gịnị ka m ga-eme mbụ, gịnị ka m ga-eme sochirinụ)
  2. Kọwaa nke ọma nhọrọ ịchọrọ ịhọrọ (gịnị kpọmkwem dị iche n'etiti nsụgharị efu na nke a na-akwụ ụgwọ, na onye ọ bụla n'ime ha dabara adaba).
  3. Debe ihe egwu ndị kacha emekarị n'ihu (ka ị ghara ịnwe nsogbu ịchọ ngwọta mgbe ị mechara)

1. Isi: Ihe WordPress na-agụnye site na ntọala, na ihe ọ na-agụnyeghị

Ọ bụrụ na ị naghị aghọta nke mbụ ihe isi WordPress emeela, ọnọdụ abụọ nwere ike ịpụta:

  • Kama iji ikike efu dị njikere, anyị tufuru oge na ego imegharị igwe.
  • Echere m na WordPress ga-akpaghị aka gbanwee ihe onyonyo ochie niile ka ha bụrụ WebP/AVIF, mana o gosiri na ọ naghị eme ya.

Isi WordPress etinyela n'ime ya ikike ndị a dị mkpa:

  • Ihe onyonyo na-emeghachi omume (srcset/sizes)Malite na WordPress 4.4 gaa n'ihu, isi usoro ga-emepụta onyonyo. srcsetsizesma jiri ihe onyonyo dị iche iche nha e mepụtara mgbe ebugharịrị ha, na-eme ka ihe nchọgharị nwee ike ịhọrọ akụrụngwa kacha dabara maka ibubata dabere na ọnọdụ ihuenyo.
  • Ịbupụta ihe n'ụzọ nwayọọ nke e mepụtara yaWordPress 5.5 na mbipute ndị so ya na-enye ohere maka ịgbatị oge ibudata onyonyo n'ụzọ e kere eke, site na iji ụkpụrụ HTML. loading Mmejuputa ihe onwunwe.
  • Na-akwado ibubata faịlụ WebPMalite na WordPress 5.8, ọ na-enye ohere ibubata na iji faịlụ WebP dịka JPEG/PNG (ọ bụrụ na ebe nkwari akụ na-akwado WebP).
  • Na-akwado ịbulite AVIFWordPress 6.5 na nsụgharị ndị so ya na-enye ohere ibubata na iji faịlụ AVIF n'otu ụzọ ahụ dị ka JPEG/PNG (dabere na nkwado gburugburu ebe nchekwa).

Otú ọ dị, mara:
“Nkwado maka ibubata/iji ≠ ntụgharị akpaghị aka/inyefe akpaghị aka
N'ikwu ya n'ụzọ ọzọ: ọbụlagodi na ị na-eji WP 6.5, faịlụ JPG/PNG dị na nchekwa mgbasa ozi gị agaghị agbanwe akpaghị aka gaa WebP/AVIF; ị gaghịkwa enweta akpaghị aka ikike zuru ezu iji “mepụta AVIF/WebP dabere na nkwado nchọgharị, ma laghachiri na onyonyo mbụ maka nchọgharị na-anaghị akwado ya” – ọrụ a na-achọkarị plugins ma ọ bụ ọrụ ndị ọzọ iji mezue ngwọta ahụ.

2. Atụmatụ ụzọ: Mmelite onyonyo n'ime nzọụkwụ ise

Gịnị ka a ga-eme, gịnị mere, gịnị na-eme ka arụmọrụ bụrụ nke zuru oke, na gịnị bụ ihe isi ike a na-ahụkarị.

2.1 Hụ na ị nwetara nha ziri ezi mbụ (nke a na-eleghara anya nke ukwuu, ma na-eweta nnukwu uru)

Ọtụtụ saịtị na-aga nwayọọ ọ bụghị n'ihi na e nweghị itinye nkwụnye mkpụmkpụ, kamaBudatara onyonyo buru ibu nke ukwuu karịa ebe ngosi
Dịka ọmụmaatụ, ma ọ bụrụ na ibe weebụ na-egosi naanị obosara 900px, ma ị na-eme ka ndị ọbịa budata onyonyo zuru ezu nke 3000px, ihe nchọgharị ga-eme naanị ibudata ya dum tupu belata ya ka e wee gosipụta ya. Nke a na-efu bandwidth, na-eme ka oge ịkọ koodu dịkwuo ogologo, ma na-eme ka ibu ibe mbụ na-aga nwayọ.

WordPress 4.4 na nke dị eluUsoro onyonyo na-emeghachi omumesrcset/sizes) kpọmkwem iji dozie nsogbu a.

Gịnị ka a na-ewere dị ka akara gafere:

  • Mgbe ị meghere ibe ahụ na ekwentị mkpanaaka, nha onyonyo ebudatara kwesịrị ịdị ntakịrị nke pụtara ìhè karịa nke dị na kọmputa desktọpụ.
  • Oke faịlụ nke otu onyonyo ahụ na-agbanwe site na ngwaọrụ dị iche iche (kama ibudata mgbe niile onyonyo mbụ).

Mmejọ ndị a na-ahụkarị:

  • Ụfọdụ isiokwu ma ọ bụ ndị na-ewu weebụ nwere ike izere nke a site n'ịtụle onyonyo dị ka onyonyo ndabere CSS ma ọ bụ site n'iji usoro mmepụta ahaziri iche. srcsetna-eduga n'ịbudata mgbe niile ihe onyonyo buru ibu
  • Site n'iji ọrụ nchekwa onyonyo mpụga ma ọ bụ blọk onyonyo nke ndị ọzọ, ị nwere ike gafere usoro nha dị iche iche nke ụlọ nkwakọba mgbasa ozi mepụtara.

2.2 Mbelata (Belata nha KB, mana ghara imebi ogo)

Ihe bụ isi nke mkpịsịpụta abụghị “ka obere ka mma”, kama ọ bụ “dị iche nke na-esiri anya ịhụ na anya, ma na-ebelata oke nke ukwuu”.

Iwu ndị a bụ dị ka ndị a:

  • Foto/Foto n'eziokwu (onyonyo ihu, ngwaahịa, ala na mbara)Tọọ mkpịsị data na-efu efu ka ihe kacha mkpa (na-eme ka uru buru ibu)
  • Foto ihuenyo/Foto nwere ọtụtụ ederedeMbelata ekwesịrị ịdị nchekwube karị iji gbochie ka ederede pụta dara ụda.
  • Akara ngosi/IkonuTọọ SVG ka ọ bụrụ ihe kacha mkpa ma ọ bụ họrọ nkwụnye data na-enweghị ọnwụ (nkwụnye data na-efu na-eme ka ókè eserese daa mbà mfe)

Gịnị ka a na-ewere dị ka akara gafere:

  • Ogo onyonyo na ọtụtụ ibe belatala nke ukwuu.
  • Enweghị mkpọtụ a na-ahụ anya, akụkụ dara mbà, mgbawa agba, ma ọ bụ mkpọtụ ederede

2.3 WebP / AVIF (Usoro nhazi: Obere nha faịlụ maka ịdị doro anya yiri ya)

WordPress ugbu a na-akwado ibubata faịlụ. WebP (5.8) na AVIF (6.5)
Otú ọ dị, iji tinye “usoro ọgbọ na-esote” n'ọrụ n'eziokwu, a na-achọkarị idozi ihe abụọ:

  1. Otu esi gbanwee n'otu oge nchekwa mgbasa ozi akụkọ ihe mere emeMa ọ bụghị ya, ị kpọtụrụ naanị ịkwalite arụmọrụ maka “onyonyo ọhụrụ ga-ebubata n'ọdịnihu”.
  2. A ga-emepụta oyiri, ma ọ bụ a ga-anọchi onyonyo mbụ?(Nke a na-egosi ebe mkpọmkpọ dị oke mkpa; anyị ga-elekwasị anya na “ị dochie na ihichapụ onyonyo mbụ” nke Plus WebP mgbe e mesịrị.)

Ụdị edemede a tụrụ aro:

  • WebP: N'ozuzu, ọ bụ nhọrọ ndabara kacha masị (na-enye nkwado kwụsie ike karị)
  • AVIF: Nzọụkwụ ọzọ n'ịkpụzi, kwekọrọ na onyonyo buru ibu/banner nke ihuenyo mbụ/foto album (ọ bụ ezie na ọ ka...Dabere na nkwado gburugburu ebe obibi

2.4 A ga-etinye nbanye nwayọọ n'ụzọ ziri ezi (Zere usoro zuru oke)

WordPress 5.5 na-aga n'ihuỊbupụta nwayọ n'ụzọ ndabaraOnyonyo.
Ọ na-ebelata oriri bandwidth n'oge mbido igosipụta eserese:

  • Ịbupụta nwayọ nwayọ dabara maka akụrụngwa ndị dị n'èzí ihuenyo.“
  • Ihe onyonyo kacha mkpa na ihuenyo mbụ (nke a na-ahụkarị dị ka ihe onyonyo isi na ihuenyo mbụ) na-adịkarị adịghị adabara maka ibu ya n'oge e mesịrị.

2.5 Ọkwa nnyefe: CDN / Onyonyo CDN

Mbelata nha, nha na usoro edemede na-ezute mkpa maka faịlụ ndị dị obere ma kwekọrọ nke ọma.
Otú ọ dị, ma a na-ebudata ihe onyonyo mgbe niile site na sava isi n'ebe dị anya, nkwụsị netwọk ga-emetụta ahụmịhe onye ọrụ nke ukwuu. N'ọnọdụ dị otú ahụ, a chọrọ ngwọta “delivery layer” (CDN/image CDN).

Ụzọ abụọ a na-ahụkarị:

  • Cloudflare PolandAkwụkwọ Ntuziaka CloudflareIsiokwu a na-akọwa usoro nkwụnye Polish (na-enweghị ọnwụ/na-enwe ọnwụ/WebP) ma na-ekwukwa banyere iji ha. format=auto A na-anabata iji usoro WebP/AVIF.
  • Ngwa mgbapụta saịtị JetpackAkwụkwọ Ntuziaka JetpackỌ ga-eme ka onyonyo dịkwuo mma ma kesaa ha ọnụ na akụrụngwa kwụsiri ike site na netwọk ya.

Mmezi onyonyo na-ahụ maka ibelata nha na ijide n'aka na ọ dabara adaba.CDN: Inyefe nso ma bụrụ nke a pụrụ ịtụkwasị obi karị

3. Nhọrọ: A ga-eso naanị ụzọ abụọ bụ isi.

Nsogbu kacha emekarị n'ịkwalite onyonyo abụghị “ịghara iwunye plugins”, kama ọ bụ iwunye plugins buru ibu nke na-eduga na nhazi ugboro abụọ:
A na-eme mkpịsị, B na-emekwa mkpịsị; A na-agbanwe gaa WebP/AVIF, B na-agbanwekwa; A na-agbanwe URLs, B na-ede ha ọzọ— n'ikpeazụ, ị onwe gị apụghịkwa ịkọwa ihe na-eme na saịtị ahụ.

Iwu:

Otu ụzọ naanị dị n'ihu: ma nchekwa mpaghara kpamkpam n'efu, ma ọ bụ mbelata oke na igwe ojii nwere nhọrọ atọ ịhọrọ.

  • Ụzọ A (n'ụzọ zuru ezu n'efu na mpaghara):Tụkwasị WebP ma ọ bụ AVIF + EWWW Image Optimizer(ma ọ bụ họrọ naanị otu n'ime ha)
  • Ụzọ B (Họrọ otu n'ime nhọrọ atọ maka nkwụsị ibu igwe ojii):ShortPixel / Imagify / TinyPNG

3.1 Ụzọ A: N'ụzọ zuru oke n'efu mpaghara (Gụnyere WebP ma ọ bụ AVIF ma ọ bụ EWWW)

Njirimara ndị kacha kọwaa ụzọ a bụ:

  • Ị naghị adabere na ọrụ mkpịsịpụta nke ndị nke atọ na-arụ ọrụ na oke ọnwa ma ọ bụ kwa faịlụ (ọ bụ ezie na ụfọdụ atụmatụ nwere ike inye ọrụ nhọrọ).
  • Ihe ị ga-akwụ ụgwọ ya bụ na nhazi n'otu nnukwu ọrụ nwere ike ibute ibu arọ karịrị na sava n'ihe gbasara CPU/IO, nke na-achọ ka ị na-eleba anya nke ọma na “atụmatụ na ihe ize ndụ”.”

3.1.1 Tụkwasị WebP ma ọ bụ AVIFEchiche bụ isi bụ “mepụta/dochie”, nke abụghị ngwá ọrụ nkwụnye ọdịnala.“

  • Mgbe ị na-emepụta onyonyo nwere mkpebi zuru ezu:A ga-ede ID faịlụ onyonyo mbụ n'elu site na faịlụ WebP/AVIF, a ga-ehichapụ faịlụ mbụ, a ga-anọchi URL dị n'ime ọdịnaya.
  • Ntinye mgbakwunye a na-enye iwu WP-CLI ma na-adụ ọdụ: Mgbe ị na-arụ ọrụ na ọtụtụ faịlụ, WP-CLI na-egosi ịdị ntụkwasị obi karị.

Nke a pụtara: ọ naghị eme WebP nwayọọ nwayọọ maka gị, kama ọ nwere ike ime otu ugboro naanị.Nkwaga akụ(karịsịa mgbe ị gbanyere nhọrọ “ dochie ma hichapụ onyonyo mbụ ”)

Ihe dị iche n'etiti ụdị abụọ ahụ

Ụdị 1: Debe onyonyo mbụ + mepụta oyiri WebP/AVIF (kwụsie ike karị)

  • Uru: Ọ dị mfe ịlaghachi ma ọ bụrụ na e nwere nsogbu nkwekọrịta
  • Ọnụahịa: Ojiji oghere disk ga-abawanye (onye oyiyi mbụ + usoro ọhụrụ + thumbnails nke nha dị iche iche)

Ụdị 2: dochie ma hichapụ onyonyo mbụ (nke siri ike karị)

  • Uru: Diski anaghị agbasawanye ngwa ngwa; a na-akpaghị aka gbanwee ntụaka dị n'ime gaa n'ụdị ọhụrụ.
  • Ihe ize ndụ: Mgbe ị na-emegharị akụ na ntụaka n'otu oge, idozi nsogbu gbasara ịdị n'otu na-eri nnukwu ego (karịsịa mgbe sistemụ mpụga ma ọ bụ ụkpụrụ isiokwu na-adabere na aha faịlụ mbụ, ụzọ faịlụ ma ọ bụ ụdị faịlụ).

Ntuziaka

Tupu ịhọrọ “Dochie ma hichapụ onyonyo mbụ”, mee nnwale nta mbụ ma jide n'aka na e nwere ndabere; ejila mee dochie nchekwa data niile ozugbo.

Nsogbu ndị a na-ahụkarị na WebP ma ọ bụ AVIF

  1. Mgbe emechara dochie nchekwa data dum, ụfọdụ onyonyo ibe na-egosi n'ụzọ na-ezighi ezi.
    Ihe kpatara ya na-adịkarịghị na “onyonyo ahụ mebiri emebi”, kama ọ bụ na otu njikọ n'usoro – dịka dochie URL, nchekwa cache, ma ọ bụ atụmatụ onyonyo pere mpe – emezughị nke ọma.
  2. Ka ọnụ ọgụgụ ihe onyonyo nta na-arịwanye elu, ka ókè mgbanwe na-adịwanye sara mbara.
    Ịbulite onyonyo na WordPress na-emepụta nha dị iche iche; isiokwu ma ọ bụ mgbakwunye nwere ike ịgbakwunye nha ndị ọzọ. Nnọchi zuru ezu pụtara na ị nwere ike ịgbanwe nnukwu nchịkọta faịlụ.
  3. Ịrụ naanị mbufe usoro faịlụ anaghị enye nkwa na volọm kacha nta o kwere mee.
    Faịlụ WebP/AVIF na-adịkarị obere, mana atụmatụ nha na atụmatụ mkpịsị ihe ka dị oke mkpa. Ejila Plus WebP dị ka ngwọta otu pịa maka ịbupụta ngwa ngwa.

3.1.2 EWWW Ngwa nhazi onyonyoNgwọta nkwụnye mpaghara n'efu

Ọnọdụ peeji mgbakwunye EWWW doro anya nke ukwuu:

  • Ọ nwere ike iji ngwugwu ngwaọrụ dị na sava gị maka imeziwanye (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, wdg.).
  • Ọ bụrụ na ịchọrọ nkwụnye data dị elu ma ọ bụ chọrọ ịchekwa CPU, ị nwekwara ike ibugharị nhazi na-eji CPU gaa na sava gị (ọ bụrụ na ịchọrọ).

Kedu ọrụ EWWW kwesịrị ịrụ na Ụzọ A?

Ọ bụrụ na ị na-eji Plus WebP maka atụmatụ ịkwaga ma ọ bụ dochie usoro faịlụ, mgbe ahụ EWWW ka mma iji mee nke a:

  • Mbelata na Mmelite Ogo(karịsịa mbelata nha nke ihe mbido dịka faịlụ JPG/PNG)
  • Mmezi ngwugwu nke ụlọ nkwakọba mgbasa ozi akụkọ ihe mere eme(Na-achọ ibelata oke kama dochie URL)

Biko mara

Tụkwasị WebP Ịkwaa ajọ A pụrụ ịgbanwe ha niile ka ha bụrụ AVIF ma ọ bụ WebP.
Ọ dị mma iwunye naanị otu n'ime ha, n'ihi na iwunye ha abụọ nwere ike ibute esemokwu.

Mmejọ ndị a na-ahụkarị nke EWWW

  1. Oke ibu sava na-arịwanye elu n'oge nhazi n'otu
    Nke a bụ n'ihi na nkwụnye nrụgide mpaghara na-eri CPU/IO. Ngwọta abụghị ịkwụsị iji ya, kama bụ ịrụ ya n'òtù n'oge enweghị ọtụtụ ọrụ, ma họrọ ibupu data ma ọ bụ ngwọta igwe ojii ebe ọ dị mkpa.
  2. “Ịmepụta WebP apụtaghị na ngosipụta ihu weebụ na-eje ozi WebP.
    Ọtụtụ plugins na-arụ ọrụ n'okpuru nghọtahie a: mmepụta bụ otu ihe, atụmatụ nnyefe (idegharị ederede, mkpado onyonyo, ịkpọ cache, wdg.) bụ ihe ọzọ kpamkpam.
  3. ịmegharị otu ọrụ ahụ dị ka plugins ndị ọzọ
    Ọ bụrụ na ị họrọ Ụzọ A, zere ijikọ ọrụ nkwụnye nrụgide igwe dịka ShortPixel/Imagify/TinyPNG; ọ bụrụ na ị họrọ Ụzọ B, gbanyụọ usoro dochie Plus WebP. Isi ụkpụrụ:Jide otu ụzọ ị ga-esi mee ihe.

3.2 Ụzọ B: Họrọ otu n'ime ọrụ mkpịsị igwe atọ (ShortPixel / Imagify / TinyPNG)

Ụzọ a dabara maka ndị chọrọ ịchekwa akụrụngwa sava, ndị masịrị ụzọ dị mfe na-enweghị mgbagwoju anya maka nhazi n'otu oge, na ndị na-enwe nkasi obi na ọnụahịa ịkwụ ụgwọ dịka iji ya.
Otú ọ dị, ihe kacha emekarị nke na-eduga n'aghụghọ nghọta gbasara mbelata oke data igwe ojii bụ:Enyemaka efu abụghị nanị maka akwụkwọ efu.Ọnụọgụ nha thumbnail dị iche iche, ma a na-emepụta usoro WebP/AVIF, na ma a na-eme mgbatịgharị ugboro ugboro, ga-emetụta oriri akụrụngwa nke ukwuu.

N'okpuru, anyị ga-akọwa otu ọkwa n'efu na nke a na-akwụ ụgwọ si arụ ọrụ, otu e si wepụ oke, ihe egwu ndị a na-ahụkarị ị ga-ezere, na ụdị saịtị kacha dabara adaba.


3.2.1 ShortPixelKrediti 100 n'efu kwa ọnwa, mana a ga-eji krediti eme ihe maka thumbnails na mgbasawanye WebP/AVIF.

Gịnị ka ọ bụ maka n'efu na nke a na-akwụ ụgwọ?

Nkọwa mgbakwunye ShortPixel na-ekwupụta doro anya:

  • Krediti n'efu 100 kwa ọnwa
  • E nwekwara “krediti ọnwa mgbakwunye na-enweghị oke” (peji mgbakwunye ahụ na-enye ozi ọnụahịa kwekọrọ).
  • Na-enyekwa ngwugwu kredit otu ugboro na-adịgide adịgide (na ozi mbido gbasara ọnụahịa enyere)

Cheta:

  • N'efu: Nkesa krediti kwa ọnwa maka saịtị dị mfe ma ọ bụ maka ebumnuche nnwale.
  • Ngwugwu otu ugboro: Dabara maka saịtị nwere nnukwu ụlọ nkwakọba mgbasa ozi na-achọ iwepụ ngwongwo fọdụrụ n'otu azụmahịa (zụrụ otu ugboro maka ojiji na-adịghị agwụ agwụ, na-enweghị njedebe oge).
  • Ọnwa/Enweghị oke: Dabara maka saịtị ndị chọrọ mmelite onyonyo na-aga n'ihu na mmezi kwụsie ike n'oge dị ogologo.

Ebe nchekwa ihe ọmụma gọọmentị nke ShortPixel na-ekwurịta kwa ịtụnyere n'etiti ngwugwu otu ugboro na atụmatụ ọnwa na-enweghị njedebe.Nkọwa doro anyaAtụmatụ ọnwa na-enweghị njedebe na-akwụ ụgwọ kwa ọnwa (ma ọ bụ kwa afọ), na-enye krediti na-enweghị njedebe na oke CDN kwụsiri ike; krediti otu ugboro anaghị agwụ, na-enye gị njikwa ka ukwuu n'iji ya mgbe ọ bụla ịchọrọ.

Ntuziaka

  • Nhichapụ ngwongwo nke saịtị ochie: tinye ngwugwu otu ugboro n'elu
  • Mmelite na-aga n'ihu: Dị mma karị maka atụmatụ ọnwa ma ọ bụ atụmatụ na-enweghị njedebe (ọ bụrụ na ịchọghị ịgụ krediti, họrọ atụmatụ na-enweghị njedebe)

Ihe kacha mkpa: Kedu ka e si agbakọta krediti ShortPixel?

Akwụkwọ Ntuziaka Gọọmentị ShortPixel KB kwuru ya doro anya nke ukwuu:

  • Ịbulite onyonyo na WordPress na-emepụta ọtụtụ obere onyonyo;
  • Ntulezi nke onyonyo pere mpe ọ bụla na-agbakọ dị ka otu kredit.
  • Ọ bụrụ na ị họrọ ịmepụta WebP ma ọ bụ AVIF,Ụdị WebP/AVIF ọ bụla nke onyonyo mbụ na thumbnail ya ga-eji kredit ọzọ.
  • Ị nwere ike wepụ ụfọdụ thumbnails na nhazi ka eji belata oriri kredit.

Ihe atụ nke akara ekele

Tụlee na ị bulitere otu onyonyo, ma isiokwu/ngwa mgbakwunye mepụtara thumbnails asatọ:

  • Mmezi nke onyonyo mbụ naanị ya na obere onyonyo: 1 (onyonyo mbụ) + 8 (obere onyonyo) = kredit 9
  • Ọ bụrụ na a chọkwara mmepụta WebP/AVIF: tinye otu nsụgharị ọgbọ ọhụrụ maka ọdịdị itoolu dị n'elu → mgbe ahụ tinye krediti itoolu ọzọ.
    N'ụzọ ọzọ, ihe ị nwere ike ịtụle dị ka “otu onyonyo” nwere ike iji ihe fọrọ nke nta ka ọ bụrụ “krediti nwere ọnụọgụ abụọ”.

Ya mere:“Kredit 100 n'efu” apụtaghị “onyeonwe 100 n'efu”.

Mmejọ ndị a na-ahụkarị nke ShortPixel

  1. Kredit 100 n'efu gwụchara ngwa ngwa
    Ihe kpatara ya bụ: ọtụtụ thumbnails na mkpụrụedemede mgbakwunye achọrọ maka mmepụta WebP/AVIF.
    Ntuziaka
  • Mbụ, nyochaa ọnụọgụ thumbnails dị na saịtị ahụ.
  • Wepu nha thumbnail ndị na-adịghị mkpa (mezie naanị nha ndị ga-eji n'eziokwu)
  • Mbụ, kpebie atụmatụ mkpịsị tupu ịgba ọsọ n'ọtụtụ, iji zere nnwale na njehie ugboro ugboro nke na-eri akụrụngwa.
  1. Tinye plugins ndị ọzọ maka ịgbanwe usoro n'otu oge
    Ọ bụrụ na ị gbanye Plus WebP replacement mgbe ị na-agwa ShortPixel ka ọ mepụta ma tinye tags ọgbọ na-esote, usoro ahụ na-aghọ ọtụtụ ọkwa, na-eme ka idozi nsogbu sie ike. Nhọrọ B na-eme ka ShortPixel lekọta ya n'onwe ya.
  2. Ị na-eche na nanị itinye ya ga-eme ka ihu weebụ na-eje ozi WebP/AVIF.“
    Peji Ngwa mgbakwunye ShortPixelỌ nwere ike ịgbanwe usoro WebP/AVIF ma tinye onyonyo ọgbọ ọhụrụ n'ime ibe ihu (dịka ọmụmaatụ, site n'itinye tag).
    Otú ọ dị, ozugbo emechara ya, a ka ga-enyocha nsonaazụ ahụ.

3.2.2 ChepụtaN'efu 20MB kwa ọnwa; a na-ebelata oke dabere na “obosara onyonyo mbụ + ọnụọgụ thumbnails”; imegharị nrụgide ga-eduga na mbelata ugboro abụọ.

Nnwere onwe ime ka ọ dị gị mma na ịtọ ọnọdụ

Ibe Ọnụahịa Gọọmentị ImagifyE dere ya nke ọma nke ukwuu:Akaụntụ n'efu nwere oke kwa ọnwa nke 20MB
Peji plugin ya na-ekwupụtakwa n'ụzọ doro anya na ọ nwere ike ịbelata nha faịlụ WebP/AVIF, gbanwee nha ha, ma gbanwee ha.

Kedu ka e si ewepụ akụkụ?

Akwụkwọ Ntuziaka Gọọmentị Imagify “Otu esi agbakọ ojiji quota?” na-akọwa usoro mwepu nke ọma:

  • Ọnụọgụ ihe onyonyo nta ga-emetụta oriri.Dịka ọmụmaatụ, ọ bụrụ na ịnwere nha thumbnail iri, imezi otu onyonyo ghọrọ imezi onyonyo iri na otu (onyonyo mbụ tinyere thumbnail iri), nke niile na-etinye aka n'iri oke quota.
  • Wepụ akụkụ dabere na nha faịlụ mbụDịka ọmụmaatụ, ma ọ bụrụ na ị zipụrụ onyonyo 100KB na Imagify, a ga-ewepụ 100KB na quota gị.
  • Ịgbanwe ọkwa mkpịsị na imegharị nhazi ga-eri quota ọzọ.
  • A pụrụ iji otu API Key n'ọtụtụ saịtị, ma a ga-ekekọrịta oke n'etiti saịtị ndị a.

Nke a bụ ụzọ isi nghọta bụ isi nke Imagify:
Ọ dị ka ngwugwu data: ihe ọ bụla ị zigara, ọ na-ebelata ya; ka e nwere ọtụtụ thumbnails, ka ọ na-ebelata ya; ịbulite nnukwu faịlụ ugboro ugboro ga-ebute mbelata ugboro ugboro.

Ihe atụ ngosipụta oke Imagify dị mfe ịghọta

Tụlee na ị bulitere onyonyo mbụ nke 800KB, ma saịtị ahụ mepụtara thumbnails asatọ.

  • Mgbe ị na-emezi ihe onyonyo na Imagify, a na-etinye onyonyo mbụ na thumbnails asatọ (ọ bụrụ na ị họrọ “Meezi Ihe Niile”). Nke a pụtara na otu ọrụ a ga-eji oke fọrọ nke nta ka ọ bụrụ nha mbụ niile nke faịlụ ndị a jikọtara ọnụ.
    Nke a bụ ihe kpatara ụfọdụ saịtị ji hụ na oke “20MB” ha na-agwụ ngwa ngwa: ọ bụghị na Imagify adịghị arụ ọrụ ahụ nke ọma, kama foto ị na-ebubata buru ibu, ị na-emepụta ọtụtụ thumbnails, ma ị nwekwara ike na-anwale ọkwa nkwụnye ọnụ dị iche iche ugboro ugboro.

Nsogbu ndị a na-ahụkarị na Imagify

  1. N'efu 20MB ezughị iji mee nhichapụ akụkọ ihe mere na saịtị dum“
    20MB dabara nke ọma maka nnwale na mmelite nta; ma ọ bụrụ na ụlọ nkwakọba mgbasa ozi gị buru ibu, ihichapụ ya niile n'otu oge ga-achọ ka e melite ya.
  2. Ịhazigharị ọkwa mkpịsị ugboro ugboro na-eduga n'iji quota ugboro ugboro.
    Imagify na-ekwupụta nke ọmaMgbanwe nhazi ọzọ ga-eri oke ahụ ọzọ.
    Ọ dị mma ịkọwa atụmatụ a nke ọma na ibe a:
  • Mbụ, jiri obere onyonyo chọpụta ọkwa mkpịsị na mma onyonyo.
  • Mee ka atụmatụ ahụ bụrụ nke ikpeazụ tupu ịgba ya n'ime ìgwè.
    Zere ịnwale na imehie ugboro ugboro n'ofe nchekwa data niile.
  1. Ikekọrịta igodo API n'ọtụtụ saịtị na-eme ka oke ikike na-ebelata n'ụzọ omimi.“
    Ọ bụrụ na ị jiri otu API Key gafee saịtị dị iche iche, a ga-ekekọrịta oke.
    Ya mere, n'ọnọdụ otu ma ọ bụ ọtụtụ ebe, ọ dị mma ịkọwapụta nke ọma ebe ndị na-ekerịta akụrụngwa na ebe ndị na-arụ ọrụ n'onwe ha, si otú a gbochie ọnwụ njikwa mmefu ego.

3.2.3 TinyPNG(Tiny Compress Images): n'efu krediti 500 kwa ọnwa; ịgbanwe gaa WebP/AVIF na-efu “krediti 1 ọzọ kwa nha”.”

Ego nkwụnye n'efu na usoro ịkwụ ụgwọ ya

A na-ede peeji mgbakwunye TinyPNG maka WordPress n'ụzọ doro anya nke ukwuu:

  • Krediti 500 n'efu kwa ọnwa
  • Na ntinye WordPress ọkọlọtọ, a pụrụ ịkpụkọ ya ihe dị ka Ihe dị ka foto 100 kwa ọnwa
  • Otú ọ dị, ma ọ bụrụ na a kwadoro ntụgharị AVIF ma ọ bụ WebP:Oke onyonyo ọ bụla ga-ebute ụgwọ kreditị ọzọ.Ya mere, o yikarịrị ka a ga-enwe ike nanị ịkpụzi ya ma gbanwee ya. Ihe dị ka onyonyo iri ise kwa ọnwa(Dabere na ole nha thumbnail ị nwere)

N'otu oge ahụ, Tinify (onye mmepe TinyPNG/TinyJPG) ekwupụtakwara na nke ya Peji Ọnụahịa APICheta: Debanye aha ka ị nata mkpịsị 500 n'efu kwa ọnwa. Mgbe mkpịsị karịrị nke a, a ga-akwụ ụgwọ dabere na ọnụọgụ mkpịsị gara nke ọma, enweghịkwa mkpa ndebanye aha.

Iji kọwaa TinyPNG n'otu ahịrịokwu:
Ọ na-agbakọ site na krediti; ka ọnụọgụ nha eserese nta ị nwere na ọnụọgụ ụdị WebP/AVIF ị kwadoro na-abawanye, ka krediti gị ga-esi gwụọ ngwa ngwa.

Ihe atụ dị mfe ịghọta nke kredit TinyPNG

Chee na saịtị gị na-emepụta nha thumbnail asatọ maka onyonyo ọ bụla:

  • Nkịtịpụta naanị: Onyonyo mbụ + mkpịsị onyonyo asatọ → chọrọ krediti itoolu
  • Ọ bụrụ na a kwadoro ntụgharị WebP/AVIF: a na-ewepụ kredit ọzọ maka nha ọ bụla → nke a nwere ike ime ka ọnụahịa ahụ fọrọ nke nta ka ọ bụrụ ugboro abụọ.
    Nke a kwekọrọ kpọmkwem na nkọwa nke ibe mgbakwunye ahụ: mgbe a kwadoro ntụgharị, oke n'efu gbanwere site na ihe dị ka “onyeonye onyonyo 100 kwa ọnwa” gaa na “onyeonye onyonyo 50 kwa ọnwa”.

Nsogbu ndị a na-ahụkarị na TinyPNG

  1. Na-atụle na krediti 500 pụtara onyonyo 500.
    Mba. Ọ na-eji krediti dabere na “size/variant” nke onyonyo. Peeji mgbakwunye ahụ kọwara doro anya: “Ntụgharị na-ewepụ otu krediti ọzọ maka nha onyonyo ọ bụla”.
  2. Ntụrụndụ/ngwa mgbakwunye e-commerce na-emepụta nha buru ibu, na-eduga na mbelata dị ukwuu nke ikike efu.
    Ka nha ahụ na-abawanye, ka e si mfe ịbawanye kreditị ma jiri ha rụọ ọrụ.
  3. Mgbe m kwadoro ntụgharị ahụ, achọpụtara m na oke kredit ahụ ghọrọ nke na-ezughị oke.
    Nke a abụghị njehie; ọ bụ usoro ịkwụ ụgwọ ya.
    Aro atụmatụ:
  • Ọ bụrụ na a na-eji ọkwa n'efu karịsịa maka mkpịsị na mbelata ibu, ị nwere ike ịmalite site n'ilekwasị anya naanị na mkpịsị. Ozugbo ị kwadoro na nhazi saịtị ahụ kwụsiri ike ma na ọgbọ ọhụrụ dị mkpa n'eziokwu, ị nwere ike ịmalite ntụgharị ahụ.

4. Aro Dabere na Mmetụta Gburugburu: Otu esi ahọrọ maka ụdị saịtị dị iche iche

Mgbe niile eji WordPress, saịtị ọdịnaya, nyiwe e-commerce, portfoliyo, na saịtị òtù ndị òtù, ọ bụla n'ime ha na-eweta ebe nrụgide dị iche iche metụtara onyonyo.

4.1 Weebụsaịtị/blọgụ na-elekwasị anya na ọdịnaya (nwere ọtụtụ onyonyo n'isiokwu ọ bụla na mmelite na-adịkarị ugboro etiti)

Aro ndị kacha mkpa:

  1. Atụmatụ Ọkpụrụkpụ (Nzọụkwụ 1)
  2. Mkpịsị (Nzọụkwụ 2)
  3. WebP (Nzọụkwụ nke atọ)

Ụzọ ka mma:

  • Maka nhọrọ na-enweghị mgbagha: Họrọ otu n'ime nhọrọ atọ (ShortPixel / Imagify / TinyPNG)
  • Họrọ n'efu: Ụzọ A (Plus WebP + EWWW), mana ọ ka mma ịmalite site n'ịtụle ihe ize ndụ na “ọnọdụ nchekwa (na-enweghị ihichapụ onyonyo mbụ)”.

Mmejọ ndị a na-ahụkarị:

4.2 Ebe nrụọrụ ahịa n'ịntanetị/saịtị ngwaahịa (ọtụtụ obere onyonyo, ọtụtụ ụdị onyonyo dị iche iche, ịdịgide adịgide kacha mkpa)

Nsogbu ndị kacha emekarị na e-commerce abụghị n'ihi “nsonaazụ mkpịsịpụta dị njọ”, kama ọ bụ “ogologo na obosara ezighi ezi mgbe emechara mmezi, enweghị thumbnails, na akụkụ ihu-weebụ na-adịghị enweta onyonyo”.

Aro ndị kacha mkpa:

  1. Gaa n'ihu nwayọọ: jiri ụzọ nchekwube mee atụmatụ mkpịsị; zere dochie nchekwa data niile ozugbo.
  2. Nyochaa nha thumbnail: Isiokwu e-commerce na-emepụta ọtụtụ nha, na-eme ka oriri oghere dịkwuo elu (karịsịa na-apụta ìhè na ShortPixel/TinyPNG).
  3. Mee nnwale obere tupu ịgbasawanye (ọ dị oke mkpa)

Ụzọ ka mma:

  • Ụzọ B na-adịkarị mfe: ShortPixel, Imagify na TinyPNG niile na-akwado nhazi n'otu oge. Ihe dị mkpa bụ ịghọta usoro oke ha ma tụọ ọnụahịa tupu oge eruo.
  • Ụzọ A nwekwara ike ịrụ ọrụ, mana a ga-emerịrị nlezianya karị gbasara omume Plus WebP nke “ịgbanwe ID/ihichapụ onyonyo mbụ/ịdochie URLs”: nke a bụ mbufe akụrụngwa, ọ naghị adị mma ime dochie ha niile kpamkpam site na mmalite.

4.3 Weebụsaịtị Portfoliyo/Foto (Na-elekọta mma onyonyo nke onye ọ bụla, nha faịlụ buru ibu, ụkpụrụ ọhụụ dị elu)

Aro ndị kacha mkpa:

  1. Atụmatụ Oghere (Njikwa Ebe Ngosi)
  2. Atụmatụ mkpịsị (ọ ka mma ka ọ buru ntakịrị buru ibu karịa ka ị tufuo nkọwa)
  3. WebP/AVIF (na-eweta uru dị ukwuu maka ọnọdụ eserese buru ibu, ọ bụ ezie na a chọrọ nnwale iji kwado ogo onyonyo)

Ụzọ ka mma:

  • ChepụtaỊkesa oke nchekwa dabere na “ogo onyonyo mbụ” na-eme ka saịtị ndị dị otú ahụ dị mma maka “ịchịkwa mmefu ego” (dịka ị maara ihe dịka ego onyonyo buru ibu ọ bụla ga-eri), ma zere ịkpụ ha ugboro ugboro.
  • ShortPixelỌ bụrụ na ọnụọgụ nha thumbnail dị oke, oriri kredit ka dị n'okpuru njikwa; mana mgbe a na-emepụta ọtụtụ nha yana akụrụngwa ọgbọ ọhụrụ, oriri kredit na-arị elu nke ukwuu, nke na-achọ ka e mee atụmatụ tupu oge eruo.

5. Ntule ikike/ịkwụ ụgwọ: ịkọwa ma ikike n'efu zuru oke

Kedu nke bara uru n'ego karịa, na ogologo oge ole ka oge n'efu ga-adị?

5.1 Ụdị atọ nke mwepu ụgwọ

  • ShortPixel(Ekele)A na-agbakọta krediti dabere na ọnụọgụ onyonyo mbụ tinyere thumbnails; imepụta nsụgharị WebP/AVIF ga-ebute mbelata krediti ọzọ maka usoro ọ bụla kwekọrọ.
  • Chepụta(ọkwa MB)Mbelata oke nchekwa dabere na nha faịlụ mbụ; foto nta ndị ọzọ na-ebute mbelata ka ukwuu; imegharị nrụgharị ga-ebute mbelata ọzọ.
  • TinyPNG(Ekele)Krediti 500 kwa ọnwa; ịgbanye ntụgharị WebP/AVIF ga-ebute krediti ndị ọzọ maka nha onyonyo ọ bụla.

5.2 Usoro Ntule Ngwa Ngwa

Ị nwere ike ịtụ ya dị ka nke a:

  1. Họrọ onyonyo mbụ ọ bụla ị na-ebuli ugboro ugboro ma lelee nha ya fọrọ nke nta (dịka 300KB / 1MB / 3MB)
  2. Tụọ ọnụ ọgụgụ nha thumbnail dị iche iche saịtị gị na-emepụta (dịka ọmụmaatụ, 5/10/20)
  3. Kpebie ma ị ga-emepụta WebP/AVIF (Ee/Mba)

Mgbe ahụ, jiri mgbakọ uche ndị a ghọta oriri:

  • ShortPixelOnyonyo ọ bụla ≈ (1 + ọnụọgụ thumbnails) credits; ma ọ bụrụ na a na-emepụta WebP/AVIF, ≈ ihe dị ka ugboro abụọ nke ahụ (n'ihi na nsụgharị ọgbọ ọhụrụ na-achọkwa credits).
  • ChepụtaOnyonyo ọ bụla na-eji ihe dịka nha quota hà nha (nha onyonyo mbụ + ngụkọta nha nke thumbnails niile); imegharị ya na ọkwa nkwụnye dị iche ga-ebute mbelata quota ọzọ.
  • TinyPNGN'efu: kredit 500; ma ọ bụrụ na saịtị gị na-emepụta ọtụtụ nha onyonyo maka onyonyo ọ bụla ma a kwadoro ntụgharị, ikike n'efu ga-ebelata nke ukwuu (peji mgbakwunye ahụ na-enye amụma doro anya nke “ihe dị ka onyonyo 100 kwa ọnwa” megide “ihe dị ka onyonyo 50 kwa ọnwa”).

6. Nkwupụta ihe ize ndụ

Ihe ize ndụ 1: Zere inwe ọtụtụ plugins na-arụ otu ọrụ ugboro ugboro.

Nke a bụ isi iyi kacha emekarị nke ọdachi.“

  • Ụzọ A:Tụkwasị WebP ma ọ bụ AVIF + EWWWKewaa ọrụ n'etiti ha abụọ; ejila mee ntụgharị na nnyefe yiri ibe ha n'otu oge, ma ọ bụ wụnye naanị otu n'ime ha.
  • Ụzọ B: ShortPixel / Imagify / TinyPNG Họrọ otu n'ime atọ(Họrọ otu onye na-ahụ maka nkwụnye nrụgide na ọgbọ na-esote)

Ihe ize ndụ nke abụọ: ọrụ “override ID / hichapụ onyonyo mbụ / dochie URL” nke Plus WebP bụ mbufe akụrụngwa.

Otu ọzọ, a ga-eme ka o doo anya:Tụkwasị WebP Nkọwa ahụ doro anya na-ekwu na n'oge mmepụta zuru ezu, a ga-ede ID onyonyo mbụ, a ga-ehichapụ faịlụ mbụ, ma dochie URL ọdịnaya.
Nke a pụtara na ọ bụghị “ntọala nta nke a pụrụ ịkwụsị n'oge ọ bụla”, kama ọ bụ mgbanwe n'ọkwa akụ.

Atụmatụ a tụrụ aro kwesịrị ịbụ:

  • Nnwale mbụ n'ogo nta (ihe iri ruo narị)
  • Nye nkwenye na ngosipụta ihu-ihu, ihe onyonyo pere mpe, na mmelite cache na-arụ ọrụ nke ọma.
  • Tụlee nhazi nchekwa data zuru ezu.

Ihe ize ndụ nke atọ: oriri n'eziokwu nke “free allowance” maka mkpịsịpịrị igwe ojii dabere na ọnụọgụ thumbnails na nhọrọ ọgbọ ọhụrụ a họọrọ.

  • ShortPixelIhe onyonyo nta na ọgbọ na-esote ga-emetụta krediti nke ukwuu.
  • TinyPNGỊgbatị WebP/AVIF ga-ebute mwepu kreditị ọzọ maka nha onyonyo ọ bụla.
  • ChepụtaBelata dabere na nha onyonyo mbụ; ka e nwere ọtụtụ obere onyonyo, ka mbelata ga-adịkwu ukwuu. Mbelata ibu ga-eduga na mbelata ugboro ugboro.

Ihe ize ndụ 4: “Emepụtara WebP/AVIF” adịghị otu ihe na “Frontend na-ebuga WebP/AVIF”

Ọtụtụ ndị ọrụ na-akọ na ha na-eche na saịtị ha adịghị ngwa ngwa mgbe emechara mgbanwe, n'ihi na akụkụ ihu (frontend) ka na-emepụta faịlụ JPG/PNG (n'ihi ọdịiche n'ọkwa ọ bụla nke usoro: nchekwa data, idegharị, mkpado, ma ọ bụ mkparịta ụka nchọgharị).

7. Kedu ka m ga-esi nyochaa ma ọ rụla ọrụ mgbe emechara ọrụ ahụ?

Isi nyocha anọ doro anya nke ukwuu:

  1. Mgbe ịmegharịrị ibe ahụ ugboro nke abụọ, ọ bụla usoro ibubata ya kwụsie ike ma dị ngwa ngwa?(Ịrụ ọrụ nke nchekwa data na mmezi ka ọ rụọ ọrụ nke ọma dịka a na-ahụ ya)
  2. Ọ̀ dị ọdịiche pụtara ìhè n'ogo onyonyo mgbe a na-ebudata ya na ekwentị mkpanaaka na kọmputa desktọpụ?(Na-aza) seti isi/ogo Ma ọ bụrụ na ọ dị irè
  3. Lelee ngwa ngwa ọtụtụ onyonyo: Ò nwere faịlụ ma ọ bụ akụrụngwa WebP ma ọ bụ AVIF?Ọ̀ saịtị ahụ na-eji ya n'eziokwu? ọgbọ na-esote
  4. Lelee ọtụtụ onyonyo n'ụzọ ngwa ngwa: gbasaa ha ka ị hụ ma ha na-apụta doro anya na-adịghị mma ma ọ bụ ma ederede na-apụta na-adịghị doro anya.(Ọ̀ dị oke mma nke mkpịsị?)

Ọ bụrụ na e mezuola ihe ndị a anọ niile, ọ na-egosi na ụzọ ị họọrọ na-arụ ọrụ ugbu a. Gaa n'ihu na nzọụkwụ na-esote. CDN “Ọkwa Mbupu”A ga-eme ka nkwụsi ike n'ozuzu ka mma.

8. Aro maka ime ihe

  1. Mbụ họrọ ụzọ gị:
  • Achọrọ m ka ọ dị n'efu dịka o kwere mee.Tụnyere WebP ma ọ bụ AVIF + EWWW (ma ọ bụ wụnye naanị otu n'ime ha)
  • Iji chekwaa akụrụngwa sava ma nweta udo n'obi ka ukwuu site na ịkwụ ụgwọ dịka ị na-eji yaHọrọ otu n'ime ndị a: ShortPixel / Imagify / TinyPNG
  1. Mee ule obere ogo (ihe iri ole na ole)
  2. Jide n'aka na ihe niile dị n'usoro tupu ịga n'ihu na ngwugwu ahụ.
  3. A chọkwara mmelite ndị ọzọ iji meziwanye nkwụsi ike nnyefe:Ịgụ CDN ịbawanye ọsọ

Ajụjụ a na-ajụkarị

1. Kedu ole plugins m kwesịrị iwunye? Enwere m ike iwunye ha niile?

Gbalịa ịnọgide na otu ụzọ.

  • Ụzọ A: WebP ma ọ bụ AVIF + EWWW Image Optimizer (ma ọ bụ wụnye naanị otu n'ime ha)
  • Ụzọ B: Họrọ otu n'ime ShortPixel / Imagify / TinyPNG
    Ịnwe ọtụtụ plugins na-arụ ọrụ n'otu oge nke “ịbelata nha/ịgbanwe gaa WebP/AVIF/ịdezie URL/idegharịa nnyefe” n'otu saịtị ga-esiwanye mgbagwoju anya ma bụrụ ihe kacha sie ike idozi.

2. Ọ̀ bụghị na WordPress na-akwado WebP/AVIF? Ka m ka chọrọ plugin?

Ọ dị mkpa ịkọwapụta:
“Nkwado maka ibubata/iji ≠ ntụgharị akpaghị aka/inyefe akpaghị aka
WordPress 6.5 agaghị akpaghị aka tọghata faịlụ JPG/PNG ochie ka WebP/AVIF n'otu oge, ọ gaghịkwa akpaghị aka jikwaa usoro niile nke “ịpụpụta AVIF/WebP dabere na ikike nchọgharị na ndabere ọzọ”. Iji mee ka ụlọ nkwakọba mgbasa ozi gara aga dị ọhụrụ, a na-achọkarị plugins ma ọ bụ ọrụ iji mezue usoro ahụ.

3. N'ime mmezi onyonyo, kedu nzọụkwụ na-enye nloghachi kacha elu na itinye ego?

Ọ na-adịkarị Mbụ, hazie nha nke ọma (srcset/sizes)
Ọtụtụ saịtị na-agba nwayọọ ọ bụghị n'ihi na ha enweghị nkwụnye mkpụmkpụ, kama n'ihi na ibe weebụ na-egosi naanị 900px ma na-eme ka ndị ọrụ budata onyonyo zuru ezu nke 3000px. Nkwụnye mkpụmkpụ na-azọpụta kilobytes, mana nha adịghị kwekọrọ nwere ike imefu data ugboro ọtụtụ n'enweghị uru ọ bụla.

4. Kedu ka m ga-esi jide n'aka na onyonyo a na-ebubata ugbu a bụ nke nta, kama ibudata nke mbụ mgbe niile?

Lelee ihe abụọ na-eme:

  • Mgbe ị meghere ibe ahụ na ekwentị mkpanaaka, nha onyonyo ebudatara doro anya na ọ dị obere karịa nke dị na kọmputa desktọpụ.
  • Oke ihe onwunwe nke otu onyonyo ahụ na-agbanwe mgbe e bulitere ya na ngwaọrụ dị iche iche.
    Ọ bụrụ na a na-ebudata mgbe niile ihe onyonyo mbụ, ihe kpatara ya bụ na isiokwu ma ọ bụ onye wulite na-ewere ihe onyonyo ahụ dịka onyonyo ndabere CSS ma ọ bụ mmepụta ahaziri iche, si otú a na-agbaghara ikike ịnye ọtụtụ nha nke ụlọ nkwakọba mgbasa ozi na ọrụ srcset.

5. Ọ̀ pụtara na “generated WebP/AVIF” pụtara na frontend na-emepụta WebP/AVIF?

Ọ bụghị otu ihe ahụ.
Ịmepụta bụ naanị imecha “ọkwa faịlụ”; ma ma frontend ga-ebuga WebP/AVIF n'eziokwu dabere na ihe dịka idegharịa, atụmatụ mkpado onyonyo, ịkpọ cache, na ma nkwurịta okwu nchọgharị ga-arụ ọrụ. Ozugbo ị mechara, ị ga-enyocha ụdị akụrụngwa nke ọtụtụ onyonyo.

6. Kedu ihe ize ndụ dị na WebP ma ọ bụ AVIF? Enwere m ike ime otu pịa ka m gbanwee faịlụ niile dị na ọba akwụkwọ m?

Ebe ize ndụ ya abụghị “compression”, kama ọ bụMgbanwe ọkwa mbufe akụ

  • Mgbe emegharịrị ya n'ogo zuru oke, enwere ike idegharịa ID faịlụ onyonyo mbụ, hichapụ faịlụ mbụ, ma dochie URLs dị n'ime ọdịnaya.
    Ya mereỌ bụghị ihe a na-atụ aro ka e dochie nchekwa data niile ozugbo.Mbụ, mee nnwale obere ogo (ndekọ iri ruo narị) ma hụ na e nwere ndabere tupu ịtụle nhazi nchekwa data zuru ezu.

7. Kedu ka esi ahọrọ n'etiti ụdị abụọ maka Plus WebP: Debe onyonyo mbụ ma ọ bụ dochie ma hichapụ onyonyo mbụ?

N'okwu dị mfe:

  • Ụdị 1: Debe onyonyo mbụ + mepụta oyiri WebP/AVIF (kwụsie ike karị)Dị mfe maka ịlaghachi azụ, mana oghere diski ga-abawanye (onye oyiyi mbụ + usoro ọhụrụ + thumbnails nke nha dị iche iche).
  • Ụdị 2: dochie ma hichapụ onyonyo mbụ (nke siri ike karị)Ịgbasawanye disk abụghị ihe dị mfe, ma mgbe ị na-emegharị akụrụngwa na ntụaka n'otu oge, ụgwọ ịchọpụta na idozi nsogbu nkwekọrịta na-abawanye nke ukwuu.
    Ka saịtị ahụ si sie ike (ahịa n'ịntanetị/ngwa mgbakwunye dị iche iche/nha dị iche iche), ka o kwesịrị ekwesị ịmalite na ụzọ dịkwuo kwụsie ike.

8. Ọ̀ zuru oke nkwụnye nrụgide mpaghara n'efu nke EWWW Image Optimizer? Ò nwere ike ime ka sava buru ibu?

EWWW dị ka ngwá ọrụ nkwụnye nrụgide mpaghara: ọ na-eji CPU/IO.
Ọ bụ ihe a na-ahụkarị ka ibu ọrụ na-arị elu mgbe a na-eme mmezi n'ime ìgwè. Nke a apụtaghị na usoro ahụ adịghị mma, kama ọ pụtara na atụmatụ ahụ ga-adị mma: tinye ya n'ime ìgwè, n'oge ndị mmadụ na-ejighị ọtụtụ ọrụ, ma họrọ ịtọpụ ibu ọrụ ma ọ bụ jiri ngwọta igwe ojii mgbe ọ dị mkpa.
Ọ bụrụ na ịchọrọ ngwọta na-enweghị mgbagha ma ọ bụ na ị na-enwe nsogbu gbasara akụrụngwa sava, Ụzọ B na-eji sava nke ọma karị.

9. Kirediti 100 n'efu ShortPixel na-enye kwa ọnwa – gịnị mere o ji dị ka ha na-apụ mgbe eji foto ole na ole?

N'ihi na Kreditị abụghị ọnụọgụ onyonyo.“ga-eme ka ọ bụrụ obere onyonyo, ma n'ọgbọ na-esote ka e mee ka ọ buru ibu:

  • Onyonyo mbụ + thumbnail ọ bụla na-agbakwụnye otu kredit.
  • Ọ bụrụ na e mepụtara WebP/AVIF, nsụgharị ọ bụla ga-eji kreditị ọzọ.
    Ya mere, ị nwere ike iche na “otu onyonyo” nwere ike iji ihe dị ka krediti nwere ọnụọgụ abụọ. ShortPixel

10. Gịnị mere ka ikike n'efu nke Imagify nke 201 TP234T kwa ọnwa ji gwụọ ngwa ngwa?

Imagify dị ka “ngwugwu data”:

  • Dị ka ozi gị si kwuoOke faịlụ mbụbelata oke
  • Ka e nwere ọtụtụ thumbnails, ka oriri na-abawanye.
  • Ịgbanwe ọkwa mkpịsị iji mee ka arụmọrụ dịkwuo mma ga-eri oke data ọzọ.
  • A na-ekekọrịta otu igodo API n'ọtụtụ saịtị, a na-ekekọrịta oke oru ya dịka ọ kwesịrị.
    Ya mere, ozi “20MB ga-agwụ n'oge na-adịghị anya” na-apụta ọtụtụ mgbe n'ihi na onyonyo buru ibu, e nwere ọtụtụ thumbnails, ma ọ bụ n'ihi nnwale na njehie ugboro ugboro.

11. TinyPNG na-enye krediti efu 500 kwa ọnwa, ya mere gịnị kpatara plugin ji kwuo na ọ bụ naanị ihe dị ka onyonyo 100 kwa ọnwa? Gịnịkwa mere o ji daa na onyonyo 50 kwa ọnwa mgbe emechara gbanye WebP/AVIF?

N'ihi na krediti TinyPNG na-abawanye kwa site na “size/variant”:

  • Ntinye WordPress ọkọlọtọ na-emekarị ịkpụzi ihe dị ka onyonyo 100 kwa ọnwa.
  • Gwuo AVIF ma ọ bụ WebP ka ọ rụọ ọrụ:Oke onyonyo ọ bụla ga-ebute ụgwọ kreditị ọzọ.Ya mere, o yikarịrị ka o ga-ekwe omume naanị ịkpụzi ma gbanwee ihe dị ka onyonyo iri ise kwa ọnwa (dabere na ọnụọgụ nha thumbnail).
    Ya mere, kredit 500 abụghị ihe onyonyo 500.

12. Kedu ole foto nta dị na saịtị m? Gịnị mere o ji nwee mmetụta dị ukwuu?

Ịbulite onyonyo na WordPress na-emepụta nha dị iche iche; isiokwu/ngwa mgbakwunye (karịsịa nke e-commerce) nwere ike ịgbakwunye nha ndị ọzọ.
A na-agbakọta kreditị/kwota maka nkwụnye igwe ojii dịka “onye nlereanya mbụ + thumbnail jikọtara ọnụ”, ya mere ka ọnụọgụ thumbnail dị elu, ka ohere n'efu ga-adịru obere.

13. Ọ̀ na-eme ka ihe na-aga ngwa ngwa mgbe niile site na lazy loading? Gịnị mere ụfọdụ ji kwuo na ọ na-eme ka ihe na-aga nwayọ?

Ịbupụta nwayọọ dabara maka akụrụngwa ndị nọ n'èzí ihuenyo.
Ọ bụrụ na e mechara ibudata onyonyo buru ibu kacha mkpa dị na ihuenyo mbụ, ọ nwere ike ime ka ahụmịhe mbido ibudata gbaa nwayọ. Ọ bụ ezie na usoro lazy loading ndabara nke WordPress 5.5 na-anabata n'ozuzu, zere iji otu ụzọ maka ihe niile.

14. Kedu mgbe m ga-achọ CDN / Image CDN ma ọ bụrụ na m were ụzọ A ma ọ bụ B?

Mkpịsị, nha na usoro edoziri mkpa maka faịlụ ndị dị obere ma dịkwuo mma.
CDN na-eme ka nnyefe bụrụ ngwa ngwa ma bụrụ nke a pụrụ ịtụkwasị obi karị.
Mgbe e nwere nnukwu nkwụsị n'ihi na a na-eweta onyonyo site n' sava isi dị anya, itinye CDN na onyonyo ọ bụla (dịka Cloudflare Polish / Jetpack Site Accelerator) na-emekarị ka ahụmịhe dịkwuo kwụsie ike, na-eme ka ọdịnaya dị mfe ịgụ. Ngwa ọsọ WordPress CDN

15. Gịnị bụ ụzọ kacha mfe iji nyochaa na ọ rụrụ ọrụ n'eziokwu mgbe m mechara ya?

Ụzọ nnwale kacha chekwaa oge:

  • Mgbe ịmegharịrị ibe ahụ ugboro nke abụọ, ọ bụla usoro ibubata ya kwụsie ike ma dị ngwa ngwa?
  • Ò nwere ọdịiche pụtara ìhè n'ogo onyonyo mgbe a na-ebudata ya na ekwentị mkpanaaka na kọmputa desktọpụ (srcset/sizes na-arụ ọrụ nke ọma)?
  • Lelee ngwa ngwa ọtụtụ onyonyo: Ò nwere faịlụ ma ọ bụ akụrụngwa WebP ma ọ bụ AVIF?
  • Lelee ọtụtụ onyonyo n'ụzọ ngwa ngwa: gbasaa ha ka ị hụ ma ha na-apụta doro anya na-adịghị mma ma ọ bụ ma ederede na-apụta na-adịghị doro anya.