Inganta hotuna na gidan yanar gizo

Inganta hotuna yana ba da mafi girman dawowar zuba jari ga aikin WordPress: da tsarin shafi da jigogi iri ɗaya, kawai daidaita girman hoto, ma'auni, tsarin fayil, da hanyar isarwa yakan haifar da ingantaccen kwarewar ɗorawa nan take.

Duk da haka, inganta hotuna shi ne mafi yiwuwar haifar da yanayi inda “daga yawan gyara, sai ƙara tabarbarewa”. Dalilin ba wai fasahar ta yi wahala ba ne, sai dai bayanin ya yi yawa kuma ya bazu-bazu:
Ka karanta wasu labarai ka koyi game da “compression”, “WebP/AVIF” da “lazy loading”, amma sai ka duba bayanin plugin ɗin ya ce “kirediti 100 kyauta a kowane wata”, “20MB kyauta” da “kirediti 1 ga kowace hoto”—kuma duk yadda ka ƙara karantawa, haka ka ƙara rikicewa. Shin wannan iyakar kyauta ta isa ne? Ta yaya ake cire kuɗaɗen? Shin ka fahimci “abu ɗaya” ba daidai ba? Kuma mafi muhimmanci:Shin ya fara aiki da gaske bayan ka gama?

Wannan labarin yana yin abubuwa uku kawai:

1. Ga wani abu mai aiki gare ka.Taswirar hanya(Me za a yi da farko, me za a yi na gaba)
2. Bayyana a sarari zaɓuɓɓukan da kake son zaɓa (menene ainihin bambanci tsakanin sigar kyauta da ta biya, kuma wa ya dace da kowanne).
3. Jera matsalolin da aka fi fuskanta tun farko (don ka guji wahalar bincika mafita bayan ka kammala)

1. Asali: Abin da WordPress ke haɗawa ta tsohuwa, da abin da ba ta haɗawa

Idan ba ka fara fahimtar abin da tsarin asalin WordPress ya riga ya aiwatar ba, akwai yiwuwar za su taso yanayi biyu:

• Maimakon amfani da damar kyauta da ake da su, mun ɓata lokaci da kuɗi wajen sake ƙirƙirar dabaran.
• Na yi tunanin WordPress zai “maida duk tsofaffin hotuna zuwa WebP/AVIF ta atomatik”, amma sai na gano cewa bai yi hakan ba.

Babban tsarin WordPress ya riga ya haɗa da waɗannan muhimman damar:

• Hotuna masu amsawa (srcset/sizes)Tun daga WordPress 4.4, tsarin asali zai fitar da hotuna. srcset 与 sizesda kuma amfani da hotuna masu girma-girma da aka samar yayin loda, wanda ke ba mai bincike damar zaɓar albarkatu mafi dacewa don loda bisa ga yanayin allo.
• Lodawa a hankali ta asaliWordPress 5.5 da sauran sabbin sigoginsa suna ba da damar loda hotuna a hankali ta asali, ta amfani da ƙa'idodin HTML. loading Aiwatar da dukiya.
• Yana tallafawa loda fayilolin WebPTun daga WordPress 5.8, ana ba da damar ɗora da amfani da fayilolin WebP kamar JPEG/PNG (matukar muhallin masaukin yanar gizo yana goyon bayan WebP).
• Yana tallafawa ɗorawar AVIFTun daga WordPress 6.5, ana ba da damar ɗora da amfani da fayilolin AVIF iri ɗaya da na JPEG/PNG (matukar yanayin masaukin yanar gizo ya ba da goyon baya).

Duk da haka, lura:
“Tallafi don ɗora/amfani” ≠ “Juyawa ta atomatik/isarwa ta atomatik”
Wato: ko da kana riga kana amfani da WP 6.5, fayilolin JPG/PNG a cikin ɗakin karatu na kafofin watsa labarai ba za su canza kansu zuwa WebP/AVIF ba; haka kuma ba za ka samu cikakken damar “fitar da AVIF/WebP bisa ga tallafin burauza, sannan ka koma ga hoton asali idan burauza ba ta tallafawa ba” ba – wannan aikin yawanci yana buƙatar ƙarin plugins ko wasu sabis don kammala mafita.

2. Taswirar hanya: Inganta hoto a matakai 5

Menene za a yi, dalilin hakan, menene ke nufin aikin da ya gamsar, da kuma menene matsalolin da aka saba fuskanta.

2.1 Da farko, samu girma daidai (abu mafi sauƙin a yi watsi da shi, amma yana ba da mafi girman riba)

Yawancin shafuka suna jinkiri ba saboda ba a yi amfani da matsewa ba, sai daiAn sauke hoto mai girma sosai fiye da yankin nuni.：
Misali, idan shafi ya nuna faɗi na 900px kawai, amma ka sa baƙi su sauke cikakken hoton 3000px, mai binciken yanar gizo zai kawai “sauke shi gaba ɗaya kafin a rage girman sa don nunawa”. Wannan yana ɓata bandwidth, yana ƙara lokacin fassara, kuma yana jinkirta lokacin loda shafi na farko.

WordPress 4.4 da samaTsarin hoton mai amsawa（srcset/sizes) daidai don magance wannan matsala.

Menene ke zama maki na wucewa:

• Idan aka buɗe shafin a na'urar hannu, ya kamata girman hoton da aka sauke ya kasance ƙasa sosai idan aka kwatanta da na kwamfutar tebur.
• Girman albarkatun hoto ɗaya na bambanta a na'urori daban-daban (maimakon kullum sauke hoton asali).

Mafi yawan tarkuna:

• Wasu jigogi ko masu gini na iya kauce wa wannan ta hanyar ɗaukar hotuna a matsayin hotunan bango na CSS ko amfani da hanyoyin fitarwa na musamman. srcsetwanda ke haifar da saukar da manyan hotuna a kai a kai
• Ta amfani da sabis na waje na ɗaukar hoto ko tubalan hoto na ɓangare na uku, za ku iya kauce wa tsarin girma da yawa da ɗakin karatu na kafofin watsa labarai ya samar.

---

2.2 Matsawa (Rage girman KB, amma kada a yi sakaci da inganci)

Mahimmancin matsewa ba “karami yafi kyau” ba ne, sai dai “banbanci da ido ba za a iya gani ba, amma tare da raguwar yawa mai yawa”.

Dokokin sune kamar haka:

• Hotuna/Hoton ainihi (fuska, kayayyaki, shimfidar ƙasa)Ba da fifiko ga matsewar asara (yana ƙara fa'idodi)
• Hoton allo/Hoto mai ɗauke da rubutu mai yawaLallausawa ya kamata ta kasance mafi taka tsantsan don hana rubutu bayyana a gauraye.
• Alamar gani/IkonBa wa SVG fifiko ko zaɓi matsewar bayanai ba tare da asara ba (matsewar bayanai mai asara na sa gauraye gefen hoto cikin sauƙi)

Menene ke zama maki na wucewa:

• Girman hotuna a mafi yawan shafuka ya ragu sosai.
• Babu hayaniya da za a iya gani, gefuna marasa haske, layukan launi, ko ruɗewar rubutu.

---

2.3 WebP / AVIF (Manufofin tsarin: Girman fayil mai ƙanƙanta don daidaitaccen ingancin gani)

WordPress yanzu yana tallafawa loda fayiloli. WebP (5.8) da AVIF (6.5)。
Sai dai, don ainihin amfani da tsarin “ƙarni na gaba” a aikace, galibi ana buƙatar magance abubuwa biyu:

1. Yadda ake sauya tarin ajiyar kafofin watsa labarai na tarihi a lokaci guda(In ba haka ba, ka inganta ne kawai hotuna sabbi da za a loda nan gaba)
2. A halitta kwafi ne, ko a maye gurbin hoton asali?Wannan yana nuna mahimmin mataki; za mu mai da hankali kan maye gurbin da goge hotunan asali na Plus WebP daga baya.

Salon rubutu da aka ba da shawara:

• WebP: Gabaɗaya zaɓi na farko da ake so (yana ba da daidaito mai ɗorewa)
• AVIF: Wani mataki na gaba a matsewa, mai dacewa da manyan hotuna/bannoni na allon farko/hotunan kundin waƙoƙi (ko da yake ƙari...Mai dogaro da tallafin muhalli）

---

2.4 Dole ne a aiwatar da lodi a hankali yadda ya kamata (guje wa amfani da tsari guda ga kowa)

WordPress 5.5 da gabaLodawa a hankali ta tsohuwaHoto.
Yana rage amfani da bandwidth yayin nunin farko:

• Lazy loading ya dace da albarkatun da ba su kan allo ba.“
• Hoton da ya fi muhimmanci a allon farko (wanda sau da yawa shine hoton farko a allon farko) sau da yawa ba ya dace a jinkirta ɗorawa.

---

2.5 Matakin isarwa: CDN / Hoto CDN

Matsewa, girma da tsarin fayil suna magance buƙatar “fayiloli ƙanana, masu dacewa”.
Duk da haka, idan ana ci gaba da ɗaukar hotuna daga wani sabar tushe mai nisa, jinkirin cibiyar sadarwa zai ci gaba da yin tasiri sosai ga kwarewar mai amfani. A irin waɗannan lokuta, ana buƙatar mafita ta “delivery layer” (CDN/image CDN).

Hanyoyi biyu na gama gari:

• Cloudflare Poland：Takardun CloudflareLabarin ya gabatar da hanyoyin matsewa na Polish (ba asara/da asara/WebP) kuma ya ambaci amfani da su format=auto An yarda da amfani da tsarin WebP/AVIF.
• Na'urar Hanzarta Shafin Jetpack：Takardun JetpackZai inganta hotuna kuma ya rarraba su tare da kayan aiki marasa motsi ta hanyar cibiyarsa.

Inganta hotuna na da alhakin rage girma da tabbatar da dacewa.CDN: Isarwa cikin kusa da ƙarin amintuwa

3. Zaɓi: Za a bi manyan hanyoyi biyu kawai.

Babban kuskure da aka fi samu a inganta hotuna ba rashin girka plugins ba ne, sai dai girka plugins da yawa wanda ke haifar da sarrafawa mai maimaituwa:
A yana matse fayiloli, B ma yana matse; A yana maida su zuwa WebP/AVIF, B ma yana maida; A yana canza URLs, B yana sake rubuta su—a ƙarshe, kai kanka ba za ka iya bayyana abin da ke faruwa a shafin ba.

Dokoki:

Akwai hanya ɗaya kawai gaba: ko ajiya ta gida kyauta gaba ɗaya, ko matsewar girgije tare da zaɓuɓɓuka uku.

• Hanyar A (gaba ɗaya kyauta ta cikin gida):Bugu da ƙari WebP ko AVIF + EWWW Image Optimizer(ko zaɓi ɗaya kawai daga cikinsu)
• Hanyar B (Zaɓi ɗaya daga cikin zaɓuɓɓuka uku na matsewar girgije):ShortPixel / Imagify / TinyPNG

---

3.1 Hanyar A: Gaba ɗaya kyauta na cikin gida (Tare da WebP ko AVIF ko EWWW)

Muhimman halayen wannan hanya sune:

• Ba ku dogara ga ayyukan matse bayanai na ɓangare na uku da ke aiki bisa ƙayyadadden adadin kowane wata ko kowane fayil (ko da yake wasu fasaloli na iya ba da ayyuka na zaɓi).
• Rashin daidaito shi ne cewa sarrafa tarin ayyuka a lokaci guda na iya sanya nauyi mai yawa a kan sabar dangane da CPU/IO, wanda ke buƙatar ka fi mai da hankali kan “dabaru da haɗari”.”

3.1.1 Kari WebP ko AVIFBabban ra'ayi shi ne “ƙirƙira/maye gurbin”, wanda ba kayan aikin matsewar gargajiya ba ne.“

• Lokacin ƙirƙirar hotuna masu cikakken ƙuduri:Za a rubuta ID na asalin fayil ɗin hoto da sabon fayil ɗin WebP/AVIF, za a goge asalin fayil ɗin, kuma za a maye gurbin URL ɗin da ke cikin abun ciki.。
• Plugin ɗin yana samar da umarnin WP-CLI kuma yana ba da shawara: Idan ana mu'amala da fayiloli da yawa, WP-CLI ya fi amintacce.

Wannan yana nufin: ba ya “ƙirƙirar WebP a ɓoye a gare ka”, sai dai zai iya kasancewa lokaci ɗaya kawai.Matsar da dukiya(musamman idan ka kunna zaɓin “Maye gurbin asali da goge hoton asali”.)

Bambanci tsakanin hanyoyi biyu

Hali na 1: Ajiye asalin hoto + ƙirƙiri kwafin WebP/AVIF (mafi dorewa)

• Fa'ida: Yafi sauƙin dawo da shi idan aka samu matsalolin dacewa
• Kudin: Amfani da sararin diski zai ƙaru (hoto na asali + sabon tsari + ƙananan hotuna masu girma-girma)

Hanyar 2: Maye gurbin da goge hoton asali (mafi ƙarfi)

• Fa'idodi: Diski ba sa faɗaɗa cikin sauri; ana sauya ma'aikatan ciki ta atomatik zuwa sabon tsari.
• Hadari: Idan aka gyara kadarori da maganganun nuni a lokaci guda, magance matsalolin dacewa yana zama mai tsada sosai (musamman idan tsarin waje ko ka'idar jigo suna dogaro da sunayen fayiloli/hanyoyi/fomati na asali).

Rigimomin gama gari da WebP ko AVIF

1. Bayan cikakken maye gurbin ma'ajiyar bayanai, wasu hotunan shafi suna bayyana ba daidai ba.
   Dalilin yawanci ba “hoton ya lalace” ba ne, sai dai wani mahaɗi a cikin sarkar – kamar maye gurbin URL, ajiyar cache, ko dabarun ƙananan hotuna – bai daidaita yadda ya kamata ba.
2. Yayin da yawan hotunan ƙanana ya ƙaru, haka kuma faɗin canje-canjen.
   Lodawa hoton zuwa WordPress yana samar da girma da dama; jiguna ko ƙarin-na'urori na iya ƙara wasu ƙarin girma. Cikakken maye gurbin yana nufin kana iya gyara babban tarin fayiloli.
3. Aiwatar da canjin tsarin kawai ba ya tabbatar da ƙaramin girman da zai yiwu.
   Fayilolin WebP/AVIF gabaɗaya suna ƙanana, amma dabaru na girman fayil da na matsewa suna da matuƙar muhimmanci. Kada a ɗauki Plus WebP a matsayin mafita ta danna sau ɗaya don saurin ɗorawa.

---

3.1.2 EWWW Mai Inganta HotoMaganin matsawa na gida kyauta

Yadda shafin plugin ɗin EWWW ya tsara kansa yana da matuƙar bayyane:

• Zai iya amfani da tarin kayan aiki a kan sabararka don ingantawa (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, da sauransu).
• Idan kuna buƙatar matsawa mafi girma ko kuna son ajiye CPU, za ku iya kuma miƙa aikin sarrafa bayanai da ke cinye CPU zuwa sabar ku (zaɓi ne).

Menene rawar da EWWW ya kamata ya taka a Hanyar A?

Idan kuna amfani da Plus WebP don dabarar sauyawa/maye gurbin tsarin, to EWWW ya fi dacewa wajen aiwatar da:

• Inganta matsa lamba da ƙarfin yawa(musamman rage girman albarkatun asali kamar fayilolin JPG/PNG)
• Inganta tarin ɗakunan karatu na kafofin watsa labarai na tarihi a cikin rukuni(Nufin “ rage yawan adireshin yanar gizo” maimakon “ maye gurbin adireshin yanar gizo”)

Matsalolin gargajiya na EWWW

1. Yawan aikin sabar yana ƙaruwa yayin ingantawa a rukuni
   Wannan saboda matsewar gida tana cinye CPU/IO. Mafita ba ta cikin “daina amfani da shi”, sai dai “sarrafa a cikin rukuni, a lokacin da ba a cunkoso ba, sannan a zaɓi sauke aiki ko mafita na girgije idan ya zama dole”.
2. “Samarda fayil na WebP ba lallai yana nufin cewa bangaren gaba yana isar da WebP ba.
   Yawancin plugins suna aiki bisa wannan kuskuren fahimta: samarwa abu ne ɗaya, dabarun isarwa (sake rubutawa, alamomin hoto, samun cache, da sauransu) kuma wani abu ne daban.
3. Maimaita irin aikin da sauran plugins ke yi
   Idan ka ɗauki Hanyar A, guji tarawa da matsewar sabis na girgije kamar ShortPixel/Imagify/TinyPNG; idan ka ɗauki Hanyar B, kashe ka'idar maye gurbin Plus WebP. Babban ƙa'ida:Ka tsaya kan hanya ɗaya ta aiki.

---

3.2 Hanyar B: Zaɓi ɗaya daga cikin sabis uku na matse girman hoton girgije (ShortPixel / Imagify / TinyPNG)

Wannan hanya ta dace da waɗanda ke son ajiye albarkatun uwar garke, waɗanda suka fi son hanyar da ba ta da wahala wajen sarrafa tarin ayyuka, kuma waɗanda suke jin daɗin tsarin biyan kuɗi bisa amfani.
Sai dai, mafi yawan rashin fahimta game da matsewar girgije shi ne:Bada kyauta ba wai kawai batun takardun kyauta ba ne.Yawan girman hotunan ƙanana, ko ana samar da tsarin WebP/AVIF, da kuma ko ana sake matsewa akai-akai, duk za su yi tasiri sosai kan amfani da albarkatu.

A ƙasa za mu bayyana: yadda matakan kyauta da na biyan kuɗi ke aiki, yadda ake cire ƙayyadaddun iyaka, matsalolin da aka fi samu da yadda za a guje su, da kuma nau'ikan shafuka da suka fi dacewa.

---

3.2.1 Gajeriyar PikselKirediti kyauta 100 a kowane wata, amma za a yi amfani da kirediti wajen ƙananan hotuna da faɗaɗa hotunan WebP/AVIF.

Menene batun kyauta/da biya?

Bayani na ƙarin ShortPixel ya bayyana a fili:

• Kirediti kyauta 100 a kowane wata
• Hakanan akwai ƙarin kiredit na wata-wata marasa iyaka (shafin plugin ɗin yana ba da bayanan farashi da suka dace).
• Hakanan yana ba da “fakitin kiredit na sau ɗaya da ba sa ƙarewa” (tare da bayanan farashi na farko da aka bayar)

Lura:

• Kyauta: Rarraba kirediti na kowane wata don shafuka masu sauƙi ko don dalilan gwaji.
• Kunshin sau ɗaya: Ya dace da shafuka masu manyan ɗakunan karatu na kafofin watsa labarai da ke son kawar da kayansu a cikin mu'amala ɗaya (ana siya sau ɗaya don amfani na dindindin, galibi ba tare da wa'adin ƙarewa ba).
• Kowane wata/Ba tare da iyaka ba: Ya dace da shafuka da ke buƙatar sabunta hotuna a kai a kai da ingantawa mai ɗorewa da kwanciyar hankali na dogon lokaci.

Tushen ilimin hukuma na ShortPixel kuma yana magana kan kwatancen “fakitoci na sau ɗaya” da "tsare-tsaren wata-wata marasa iyaka".Bayani a sarariShirin Unlimited Monthly ana caji a kowane wata (ko a kowane shekara), yana ba da kiredit marasa iyaka da ƙayyadadden adadin CDN; kiredit na sau ɗaya ba sa ƙarewa, suna ba ku ƙarin iko kan amfani duk lokacin da kuke buƙata.

Muhimmin batu: Yaya ake lissafin kiredit na ShortPixel?

Takardun Hukuma na ShortPixel KB ya faɗa shi a fili:

• Loda hoto zuwa WordPress yana samar da ƙananan hotuna da yawa;
• Kowane ingantaccen ƙananan hoto yana ƙididdige a matsayin kiredit ɗaya.；
• Idan ka zaɓi ƙirƙirar WebP ko AVIF,Kowane sigar WebP/AVIF na asalin hoto da ƙananan hotonsa za su yi amfani da ƙarin kiredit ɗaya.；
• Za ku iya ware wasu hotunan ƙanana daga ingantawa don rage amfani da kiredit.

Misalin kirediti：

Ka yi tunanin ka loda hoto guda ɗaya, kuma jigo/plugin ya samar da ƙananan hotuna guda takwas:

• Inganta hoton asali da ƙananan hotuna kawai: 1 (hoton asali) + 8 (ƙananan hotuna) = 9 credits
• Idan ana buƙatar samar da WebP/AVIF ma: ƙara sigar gaba ɗaya guda ɗaya ga kowanne daga cikin tsarin tara da ke sama → sannan ƙara ƙarin kirediti tara.
  Wato, abin da za ka iya ɗauka a matsayin “hoto ɗaya” na iya cinye kusan “kirediti na lambobin biyu”.

Saboda haka:“Kirediti 100 kyauta” ba ya daidai da “hotuna 100 kyauta”.

Mafi yawan matsalolin da ake fuskanta a ShortPixel

1. Kiredit 100 kyauta suna ƙarewa da sauri
   Asalin dalili: hotunan ƙanana da yawa da ƙarin credits da ake buƙata don ƙirƙirar WebP/AVIF.
   Shawarwari：

• Da farko, kimanta adadin hotunan ƙanana a shafin.
• Cire girman hotunan ƙanana marasa muhimmanci (a inganta kawai waɗanda za a yi amfani da su)
• Da farko, tantance dabarar matse bayanai kafin a gudanar da su a cikin rukuni, domin kauce wa maimaitattun gwaji da kuskure da ke cinye albarkatu.

2. A lokaci guda, ka shimfiɗa sauran plugins na canza tsarin.
   Idan ka kunna maye gurbin Plus WebP yayin da kuma kake umartar ShortPixel da ƙirƙira/saka alamomin sabuwar ƙarni, tsarin tunani zai yi matakai da yawa, wanda ke sanya gano matsaloli ya fi wahala. Zaɓi na B kawai yana barin ShortPixel ya gudanar da shi da kansa.
3. Daukar cewa kawai girkawa zai tabbatar da cewa “frontend ɗin yana ba da WebP/AVIF”.”
   Shafin Faifan ShortPixelZai iya maida tsarin WebP/AVIF kuma ya haɗa hotunan ƙarni na gaba cikin shafukan gaba (misali, ta hanyar aiwatar da tag).
   Duk da haka, da zarar an kammala, dole ne a tabbatar da sakamakon.

---

3.2.2 Ka mai da hoto mai raiKyauta 20MB a kowane wata; ana cire adadin bisa ga girman hoton asali da yawan ƙananan hotuna; sake matsawa zai haifar da cirewa sau biyu.

Yancin motsi da daidaita matsayi

Shafin Farashi na Hukuma na ImagifyAn rubuta shi a fili sosai:Asusun kyauta suna da iyakar amfani na kowane wata 20MB。
Shafin plugin ɗinsa ma ya bayyana a fili cewa zai iya matsewa, canza girma, da maida fayilolin WebP/AVIF.

Ta yaya ake cire kason?

Takardun Hukuma na Imagify “Ta yaya ake ƙididdige amfani da ƙayyadaddun adadi?” yana bayyana tsarin ragewa a sarari:

• Yawan hotunan ƙanana zai shafi amfani.Misali, idan kana da girman hotunan ƙanana guda 10, inganta hoto ɗaya zai zama inganta hotuna 11 (hoton asali da ƙananan hotuna 10), dukansu suna ƙara cinye iyakar ajiya.
• Cire kason bisa ga girman fayil ɗin asaliMisali, idan ka tura hoton 100KB zuwa Imagify, za a cire 100KB daga adadin kuota ɗinka.
• Sauya matakin matsewa da sake daidaita shi zai sake cinye ƙwota.。
• Za a iya amfani da maɓallin API ɗaya a shafuka da yawa, amma za a raba iyakokin amfani tsakanin waɗannan shafukan.

Wannan shi ne “hanyar fahimtar asali” ta Imagify:
Yafi kama da kunshin bayanai: duk abin da ka tura, shi ne zai cire maka; yawan hotunan ƙanana, yawan abin da zai cire; maimaita manyan ɗorawa zai haifar da maimaita cirewa.

Misalan iyakar Imagify masu sauƙin fahimta

Ka yi tunanin ka loda hoto na asali mai girman 800KB, kuma shafin ya samar da ƙananan hotuna guda 8.

• Lokacin da ake yin ingantawa da Imagify, ana haɗa hoton asali da ƙananan hotuna takwas (idan ka zaɓi “Inganta Duka”). Wannan yana nufin cewa wannan aiki guda ɗaya zai cinye kusan iyakar adadin da girman asali na duk waɗannan fayilolin ya kai idan aka haɗa su.
  Wannan shi ne dalilin da ya sa wasu shafuka ke ganin cewa adadin “20MB” dinsu yana ƙarewa da sauri: ba wai Imagify ba shi da ƙarfi ba, sai dai hotunan da kake loda sun yi girma sosai, kana samar da ƙananan hotuna da yawa, kuma watakila kana gwada matakan matsewa daban-daban akai-akai.

Rigakafin gama gari da Imagify

1. Free 20MB ba ya isa don gudanar da cikakken goge tarihin shafin“
   20MB gabaɗaya ya fi dacewa don gwaji da ƙananan sabuntawa; idan ɗakin karatu na kafofin watsa labarai naka ya riga ya yi girma, share shi gabaɗaya a lokaci guda zai yi buƙatar haɓakawa.
2. Sau da yawa daidaita matakin matsawa yana haifar da ci gaba da amfani da ƙwota.
   Imagify ta bayyana a filiSake daidaitawa zai sake cinye adadin.
   Ana ba da shawara a fayyace dabarar a wannan shafi:

• Da farko, yi amfani da kaɗan na hotuna don tantance matakin matsewa da ingancin gani.
• Kammala dabarun kafin gudanar da su a cikin rukunoni.
  Ka guji yin gwaji na gwaji-da-kuskure akai-akai a duk faɗin ma'ajiyar bayanai.

3. Raba makullin API a shafuka da dama yana haifar da raguwar ƙayyadaddun iyaka cikin ban mamaki.“
   Idan ka yi amfani da maɓallin API ɗaya a shafuka da yawa, za a raba iyakokin amfani.
   Don haka, a cikin yanayin ƙungiya/ma'aikatun da yawa, yana da shawara a fayyace waɗanne ma'aikatun ke raba albarkatu da waɗanne ke aiki cikin 'yanci, ta haka za a hana rashin iko kan kasafin kuɗi.

---

3.2.3 TinyPNG(Tiny Compress Images): Kyauta krediti 500 a kowane wata; canzawa zuwa WebP/AVIF yana ƙara “krediti 1 a kowane girma”.”

Yancin kashe kudi da hanyar lissafa shi

Shafin plugin ɗin TinyPNG na WordPress an rubuta shi da bayyananne sosai:

• Kirediti 500 kyauta a kowane wata
• A cikin “saitin WordPress na al'ada”, ana iya matse shi kusan Kimanin hotuna 100 a kowane wata
• Sai dai, idan an kunna maida AVIF ko WebP:Kowane girman hoto zai haifar da ƙarin caji na kiredit.Don haka, watakila za a iya matse shi kawai sannan a maida shi. Kimanin hotuna 50 a kowane wata(Dangane da yawan girman hotunan ƙanana da kake da su).

A halin yanzu, Tinify (masu haɓaka TinyPNG/TinyJPG) ma sun sanar a kan nasu Shafin Farashin APILura: Yi rijista don karɓar matsewa kyauta 500 a kowane wata. Bayan wannan iyaka, za a caje bisa ga adadin matsewa da aka yi nasara, ba tare da buƙatar biyan kuɗin rajista ba.

Don taƙaita TinyPNG cikin jimla ɗaya:
Ana ƙididdige shi da kirediti; yawan girman hotunan ƙanana da ka tanada da yawan tsarin WebP/AVIF da ka kunna, haka kireditinka za su ƙare da sauri.

Misali mai sauƙin fahimta na kiredit na TinyPNG

Ka ɗauka shafinka yana samar da girman hotunan ƙanana guda takwas ga kowane hoto:

• Matsewa kawai: Hoto na asali + ƙananan hotuna 8 → Yana buƙatar kirediti 9
• Idan an kunna canjin WebP/AVIF: Za a cire ƙarin kiredit ɗaya ga kowane girma → Wannan na iya kusan ninka farashin.
  Wannan ya dace daidai da bayanin shafin plugin ɗin: bayan an kunna sauyawa, iyakar kyauta ta canza daga kusan “hotuna 100 a kowane wata” zuwa “hotuna 50 a kowane wata”.

Rigakafin gama gari da TinyPNG

1. Idan muka ɗauka kirediti 500 = hotuna 500
   A'a. Yana cinye credits bisa ga girman hoto/nau'i. Shafin plugin ya bayyana a fili: “Juyawa yana cire ƙarin credit ɗaya ga kowane girman hoto.”
2. Ƙarin Theme/e-commerce yana samar da girma mai yawa, wanda ke haifar da raguwar yawan kwotar kyauta sosai.
   Yayin da girman ya ƙaru, ana ƙara yaduwa da amfani da kirediti cikin sauƙi.
3. Bayan na kunna canjin, na ga iyakar bashi ta zama ba ta isa ba kwatsam.
   Wannan ba kuskure ba ne; tsarin biyan kudinsa ne.
   Shawarwarin Dabaru:

• Idan ana amfani da matakin kyauta ne musamman don matsewa da rage nauyi, za ka iya fara da mayar da hankali kawai kan matsewa. Da zarar ka tabbatar cewa tsarin shafin yana da kwanciyar hankali kuma gaske ake buƙatar next-gen, za ka iya fara aiwatar da sauyin.

4. Shawarwari Bisa Ga Mahalli: Yadda Ake Zaɓa Don Nau'ikan Shafuka daban-daban

Duk da cewa dukkansu suna amfani da WordPress, shafukan abun ciki, dandamali na kasuwancin kan layi, kundin ayyuka, da shafukan mambobi kowannensu na gabatar da takamaiman matsaloli masu alaƙa da hotuna.

4.1 Yanar gizo/blogs masu mayar da hankali kan abun ciki (tare da hotuna da yawa a kowace maƙala da kuma sabuntawa a matsakaici)

Shawarwari na fifiko:

1. Tsarin Girma (Mataki na 1)
2. Matsewa (Mataki na 2)
3. WebP (Mataki na 3)

Hanya mafi dacewa:

• Don zaɓi mara wahala: Zaɓi ɗaya daga cikin zaɓuɓɓuka uku (ShortPixel / Imagify / TinyPNG)
• Zaɓi kyauta: Hanyar A (Plus WebP + EWWW), amma ana ba da shawarar a fara kimanta haɗari a cikin yanayin kiyaye (ba tare da goge hotunan asali ba).

Riguna na gama gari:

• Hoton taken labarin yana da matuƙar girma, kuma dabarar loda a hankali ba ta dace ba.Zai jinkirta allon farko

4.2 Yanar Gizo na Kasuwancin Kan Layi/Samfura (Dimbin hotunan gajeru, nau'ikan hotuna da yawa, tabbatar da kwanciyar hankali shi ne mafi muhimmanci)

Matsalolin da aka fi samu a e-kasuwanci ba su samo asali daga “mummunan sakamakon matse hotuna” ba, sai dai daga “girma da ba daidai ba bayan ingantawa, rashin hotunan ƙanana, da gaza ɗaukar hotuna a bangaren gaba.”

Shawarwari na fifiko:

1. Ku ci gaba da taka tsantsan: ku yi amfani da dabara mai tsanaki wajen dabarun matsawa; ku guji yin cikakken maye gurbin ma'ajiyar bayanai nan take.
2. Kimanta girman hotunan ƙanana: jigunan e-kasuwanci yawanci suna samar da ƙarin girma, suna ƙara yawan amfani da kota (musamman a lura da ShortPixel/TinyPNG).
3. Yi ƙananan gwaje-gwaje kafin faɗaɗawa (matuƙar muhimmanci)

Hanya mafi dacewa:

• Hanyar B sau da yawa tafi sauƙi: ShortPixel, Imagify, da TinyPNG duk suna tallafawa sarrafa fayiloli a tarin guda. Muhimmin abu shi ne fahimtar tsarin ƙayyadaddun iyakoki da kimanta farashin tun da wuri.
• Hanyar A ma tana yiwuwa, amma dole ne a yi taka tsantsan game da halayen Plus WebP na “maye gurbin ID/goge hotunan asali/maye gurbin URLs”: wannan yana nufin canja wurin kadarori, kuma ba a ba da shawara a ci gaba da maye gurbin gaba ɗaya tun daga farko.

4.3 Gidan Yanar Gizo na Portfoliyo/Daukar Hoto (Mai la'akari da ingancin kowace hoto, girman fayiloli, manyan ƙa'idodin gani)

Shawarwari na fifiko:

1. Tsarin Girma (Sarrafa Yankin Nunawa)
2. Dabarar matsewa (yafi kyau a yi kuskure ta hanyar barin girma kaɗan fiye da rasa cikakkun bayanai)
3. WebP/AVIF (yana ba da gagarumar fa'idodi a yanayin manyan hotuna, kodayake ingancin gani yana buƙatar tabbatarwa)

Hanya mafi dacewa:

• Ka mai da hoto mai raiRaba kason ajiya bisa ga girman asalin hoto yana sa irin waɗannan shafukan ya fi dacewa da sarrafa kasafin kuɗi (kamar yadda ka sani kusan nawa kowane babban hoto zai cinye), amma ka guji matse su akai-akai.
• Gajeriyar PikselIdan adadin girman hotunan ƙanana ya takaita, amfani da kirediti yana da sauƙin sarrafawa; duk da haka, idan ana samar da girma da yawa tare da kayan zamani na gaba, amfani da kirediti yana ƙaruwa sosai, wanda ke buƙatar tsara gaba.

5. Kwatanantin Kaddara da Biyan Kuɗi: Bayani kan ko kaddarar kyauta ta isa

Wanne ne ya fi araha, kuma tsawon lokacin kyauta zai kasance nawa?

5.1 Tsarin Rage Kuɗi Guda Uku

• Gajeriyar Piksel(godiya)Ana ƙididdige credits bisa ga adadin hotuna na asali da ƙananan hotuna; ƙirƙirar sigogin WebP/AVIF zai haifar da ƙarin ragewa na credits ga kowace sigar.
• Ka mai da hoto mai rai(Kuduri na MB)An yi ragin kima bisa ga girman fayil ɗin asali; ƙarin hotunan ƙanana yana haifar da ƙarin ragi; sake matsewa zai haifar da ƙarin ragi.
• TinyPNG(godiya): Kirediti 500 a kowane wata; kunna maida WebP/AVIF zai ƙara kirediti dangane da girman hoto.

5.2 Hanyoyin Kimantawa cikin Gaggawa

Za ka iya kimanta shi kamar haka:

1. Zaɓi kowace “hoto na asali da kake yawan loda” ka duba kusan girman ta (misali 300KB / 1MB / 3MB)
2. Kimanta adadin kusan girman hotunan ƙanana da shafinku ke samarwa (misali, 5 / 10 / 20)
3. Kayyade ko za a samar da WebP/AVIF (Ee/A'a)

Sa'an nan ku yi amfani da wannan “lissafin tunani” na gaba don fahimtar yawan amfani:

• Gajeriyar PikselKowane hoto ≈ (1 + adadin ƙananan hotuna) kiredit; idan ana samar da WebP/AVIF, ≈ kusan ninki biyu na hakan (domin sigar gaba ma tana buƙatar kiredit).
• Ka mai da hoto mai raiKowace hoto tana cinye kusan adadin ajiya da ya yi daidai da girman hoton asali da jimillar girman duk kananan hotuna; sake matsewa a wani matakin matsewa daban zai jawo ƙarin rage adadin ajiya.
• TinyPNGKyauta: kirediti 500; idan shafinku yana samar da girma-girman hoto da yawa ga kowanne hoto kuma an kunna sauyawa, iyakar kyautar za ta ragu sosai (shafin plugin ɗin yana ba da kimantawa mai sauƙin fahimta na “kimanin hotuna 100 a kowane wata” da “kimanin hotuna 50 a kowane wata”).

6. Bayanin Hadari

Hatsari na 1: Ka guji samun plugins da yawa suna maimaita aiki iri ɗaya.

Wannan shi ne mafi yawan tushen bala'o'i.“

• Hanyar A:Bugu da ƙari WebP ko AVIF + EWWW(Raba alhaki tsakanin su biyun; kada a gudanar da juyin canji da isarwa iri ɗaya a lokaci guda, ko kuma a girka ɗaya kawai daga cikinsu.)
• Hanyar B: ShortPixel / Imagify / TinyPNG Zaɓi ɗaya daga cikin uku(Zaɓi ɗaya wanda ke da alhakin matsewa da ƙarni na gaba)

Hatsari na 2: Ayyukan “override ID / goge asalin hoto / maye gurbin URL” na Plus WebP yana nufin ƙaura kadarori.

A sake jaddada:Kari WebP Bayani ya bayyana a fili cewa yayin cikakken ƙirƙira, za a rubuta sabon ID na hoton asali a wurin, a goge fayil ɗin asali, kuma a maye gurbin URL ɗin abun ciki.
Wannan yana nuna cewa ba ƙaramin gyara bane da za a iya janye a kowane lokaci, sai dai wani gyara ne a matakin dukiya.

Dabarar da aka ba shawara ita ce:

• Gwaji na farko a ƙaramin sikeli (daga abubuwa goma zuwa ɗari)
• Tabbatar cewa nunin gaba, hotunan ƙanana, da sabunta cache suna aiki yadda ya kamata.
• Ka yi la'akari da sarrafa dukkan bayanai a cikin ma'ajiyar bayanai.

Hatsari na 3: Ainihin amfani da “kyautar kyalli” na girgije ya dogara da adadin hotunan ƙananan gani da zaɓuɓɓukan ƙarni na gaba da aka zaɓa.

• Gajeriyar PikselHotunan ƙanana da na ƙarni na gaba za su yi tasiri sosai kan kirediti.
• TinyPNGEnabling WebP/AVIF zai jawo ƙarin cire kiredit don kowane girman hoto.
• Ka mai da hoto mai rai: Yi ragi bisa ga girman hoton asali; yawan ƙananan hotuna, ƙarin ragi. Matsi mai ƙarfi zai haifar da maimaitaccen ragi.

Hatsari na 4: “An samar da WebP/AVIF” ba ya daidai da “Gabatarwar gaba tana isar da WebP/AVIF”

Yawancin masu amfani sun ruwaito cewa suna jin cewa shafinsu bai kara sauri ba bayan aiwatar da canjin, inda ainihin dalilin shi ne bangaren gaba (frontend) na ci gaba da fitar da fayilolin JPG/PNG (sakamakon rashin daidaito a kowane mataki na aiwatarwa: ajiya, sake rubutawa, alamomi, ko tattaunawar mai bincike).

7. Ta yaya zan tabbatar ko ya fara aiki bayan kammala aikin?

Mahimman wurare huɗu na tabbatarwa masu sauƙi:

1. Lokacin da aka sabunta wannan shafin sau na biyu, shin tsarin ɗorawa ya fi daidaito kuma ya fi sauri?(Ingancin ajiyar bayanai da ingantawa da ake ganin yana)
2. Shin akwai bambanci mai bayyana a girman hotuna tsakanin loda a wayar hannu da na kwamfutar tebur?(Mai amsawa) srcset/girma Ko yana da tasiri
3. Duba gaggawa wasu hotuna: Shin akwai fayiloli ko albarkatun WebP ko AVIF?Shin shafin yana amfani da shi a zahiri? ƙarni na gaba）
4. Yi duba ta hanzari a kan hotuna da dama: yi ƙara kusurwa don ganin ko sun yi ruɗani a gani ko rubutu ya yi duhu.(Shin ingancin matsewar ya yi yawa?)

Idan an cika dukkan ka'idoji huɗu, hakan na nuna cewa hanyar da ka zaɓa yanzu tana aiki. Ci gaba zuwa mataki na gaba. CDN “Matakin Isarwa”Za a ƙara inganta dorewar gabaɗaya.

8. Shawarwari don aiwatarwa

1. Da farko zaɓi hanyar ku:

• Ina so in bar shi kyauta gwargwadon iko.Kari ga WebP ko AVIF + EWWW (ko kuma ka girka ɗaya kawai daga cikinsu)
• Don ajiye albarkatun uwar garke da samun ƙarin kwanciyar hankali tare da biyan kuɗi kamar yadda ake amfani da shiZaɓi ɗaya daga cikin waɗannan: ShortPixel / Imagify / TinyPNG

2. Yi gwaji ƙanana (abubuwa da dama)
3. Tabbatar komai yana cikin tsari kafin a ci gaba da wannan rukunin.
4. Ana buƙatar ƙarin ingantawa don haɓaka daidaiton isarwa:Karatu CDN Hanzari

Tambayoyi da ake yawan yi

1. Nawa plugins ya kamata in girka? Zan iya girka su duka?

Yi ƙoƙarin bin hanya ɗaya.

• Hanyar A: WebP ko AVIF + EWWW Image Optimizer (ko kuma a girka ɗaya kawai daga cikinsu)
• Hanyar B: Zaɓi ɗaya daga ShortPixel / Imagify / TinyPNG
  Samun plugins da yawa a lokaci guda suna aiwatar da “matsewa/maida zuwa WebP/AVIF/gyaran URL/sake rubuta isarwa” a cikin shafin guda ɗaya zai yi matuƙar rikitarwa kuma zai fi wahala a magance matsaloli.

2. Ko WordPress ba ta riga ta tallafa wa WebP/AVIF ba? Shin har yanzu ina buƙatar plugin?

Yana da muhimmanci a bambance:
“Tallafi don ɗora/amfani” ≠ “Juyawa ta atomatik/isarwa ta atomatik”
WordPress 6.5 ba zai taɓa juyar da tsofaffin fayilolin JPG/PNG zuwa WebP/AVIF a lokaci guda ba, kuma ba zai sarrafa dukkan tsarin aikin “fitar da AVIF/WebP bisa ga iyawar burauza tare da madadin” ba. Don sabunta tsofaffin ɗakunan karatu na kafofin watsa labarai, yawanci ana buƙatar plugins ko ayyuka don kammala aikin.

3. A cikin inganta hotuna, wane mataki ne ke ba da mafi girman dawowar zuba jari?

Yawanci haka ne Da farko, daidaita girma yadda ya kamata (srcset/sizes)。
Yawancin shafuka suna tafiya a hankali ba saboda ba su da matsewar hoto ba, amma saboda shafukan suna nuna girman hoto na 900px kawai yayin da suke tilasta wa masu amfani su sauke cikakken hoton mai girman 3000px. Matsewar hoto yana ceton kilobytes, amma rashin daidaiton girman hoto na iya ɓata bayanai sau da yawa ba tare da wani amfani ba.

4. Ta yaya zan tabbatar cewa hoton da ake loda a yanzu shi ne “kananan”, maimakon kullum sauke na asali?

Lura da abubuwa biyu:

• Idan aka buɗe shafin a na'urar hannu, girman hoton da aka sauke ya fi ƙanƙanta sosai fiye da na kwamfutar tebur.
• Girman albarkatun hoto ɗaya yana bambanta lokacin da aka loda shi a na'urori daban-daban.
  Idan ana sauke hotunan asali koyaushe, dalili na gama gari shi ne cewa jigo/mai gina shafi yana ɗaukar hoton a matsayin hoton bango na CSS ko fitarwa na musamman, ta haka yana kauce wa damar samar da girma-da-yawa na ɗakin karatu na kafofin watsa labarai da aikin srcset.

5. Shin “generated WebP/AVIF” lallai yana nufin gaban gidan yanar gizo yana fitar da WebP/AVIF?

Ba shi daidai ba ne.
Samarda shi ne kawai kammala “matakin fayil”; ko gaban gizo zai isar da WebP/AVIF ya dogara ne akan abubuwa kamar sake rubutawa, dabarun alamomin hoto, samun bayanai a cikin cache, da ko tattaunawar burauza ta yi tasiri. Da zarar ka kammala, dole ne ka duba nau'ikan albarkatun hotuna da dama.

6. Menene ainihin haɗarin WebP ko AVIF? Zan iya yin canjin fayil ɗaya-duka a duk ɗakin karatu da danna sau ɗaya?

Mahimmin abin haɗari ba “matsewa” ba ne, sai daiGyaran Matakin Kuddin Shiga：

• Yayin ƙirƙira a cikakken girma, ana iya rubuta sabon ID na fayil ɗin hoton asali, a goge fayil ɗin asali, sannan a maye gurbin URLs da ke cikin abun ciki.
  Saboda hakaBa a ba da shawarar maye gurbin dukkan bayanai a lokaci guda ba.Da farko, yi gwaji a ƙanana (daga cikin ɗaruruwan bayanai zuwa ɗaruruwan dubban bayanai) kuma ka tabbatar an samu ajiyar bayanai kafin ka yi la'akari da sarrafa cikakken ma'ajiyar bayanai.

7. Ta yaya za a zaɓi tsakanin yanayin biyu na Plus WebP: Ajiye hoton asali vs Maye gurbin hoton asali da goge shi?

A taƙaice:

• Hali na 1: Ajiye asalin hoto + ƙirƙiri kwafin WebP/AVIF (mafi dorewa)Yana da sauƙi don komawa baya, amma sararin diski zai ƙaru (hoto na asali + sabon tsari + hotunan ƙananan gani masu girma-girma da yawa).
• Hanyar 2: Maye gurbin da goge hoton asali (mafi ƙarfi)Faɗaɗa diski ba abu ne mai sauƙi ba, amma idan ka gyara kadarori da maganganun nuni a lokaci guda, farashin warware matsalolin daidaito yana ƙaruwa sosai.
  Yayin da shafin ya fi rikitarwa (kasuwancin kan layi/plugins da yawa/girma-girma da yawa), hakan ya fi dacewa a fara da wata hanya mai ɗorewa.

8. Shin matsakaicin matsin lamba na cikin gida kyauta na EWWW Image Optimizer ya isa? Shin zai iya sanya sabar ta yi aiki fiye da kima?

EWWW ya fi kama da “kayan aikin matsewa na gida”: yana cinye CPU/IO.
Yana da gama gari yawan aiki ya ƙaru yayin inganta a cikin rukuni. Wannan ba yana nufin cewa hanyar ba ta dace ba, sai dai cewa dole ne dabarar ta dace: aiwatar da shi a cikin rukuni, a lokutan da ba a cunkoso ba, kuma a zaɓi sauke kaya ko mafita na girgije idan ya zama dole.
Idan kana neman mafita mara wahala ko kana fuskantar ƙarancin albarkatun uwar garke, Zaɓi na B ya fi amfani da albarkatun uwar garke.

9. Kiredit 100 kyauta na ShortPixel a kowane wata – me ya sa nake jin kamar sun ɓace bayan wasu kaɗan daga cikin hotuna?

Domin Kirediti ba su ne “adadin hotuna” ba.”Za a yi masa ƙananan hoto, sannan a faɗaɗa shi zuwa ƙarni na gaba:

• Hoton asali da kowanne ƙaramin hoto suna ƙididdige a matsayin kiredit.
• Idan an samar da WebP/AVIF, kowace sigar da ta dace za ta ƙara cinye kiredit.
  Don haka za ka iya tunanin cewa “hoto ɗaya” na iya cinye kusan “kirediti na lambobin biyu”. ShortPixel

10. Me ya sa kyautar Imagify na 201 TP234T a kowane wata ke ƙarewa da sauri haka?

Imagify ya fi kama da “fakitin bayanai”:

• Kamar yadda sakonka ya ceGirman fayil na asaliCire rabon
• Yayin da hotunan ƙanana suka fi yawa, haka amfani yake ƙaruwa.
• Sauya matakin matsewa don sake daidaita shi zai sake cinye ƙwaƙwalwar ajiya.
• Mabuɗin API guda ɗaya ana raba shi a shafuka da yawa, tare da raba ƙayyadaddun adadi yadda ya dace.
  Don haka saƙon “20MB zai ƙare nan ba da jimawa ba” sau da yawa yana faruwa ne saboda hotuna sun yi girma sosai, ƙananan hotuna da yawa, ko maimaita gwaji da kuskure.

11. TinyPNG na ba da kiredit 500 kyauta a kowane wata, to me ya sa plugin ɗin ke cewa zai iya sarrafa kusan hotuna 100 kawai a kowane wata? Kuma me ya sa adadin zai sauka zuwa hotuna 50 a kowane wata bayan an kunna WebP/AVIF?

Saboda ƙididdigar TinyPNG ma ana ƙara su ta hanyar “size/variant”:

• Girkawar WordPress ta al'ada yawanci tana matse kusan hotuna 100 a kowane wata.
• Ku kunna maida AVIF ko WebP:Kowane girman hoto zai haifar da ƙarin caji na kiredit.Saboda haka, mai yiwuwa ana iya matsewa da maida kusan hotuna 50 a kowane wata (gwargwadon yawan girman hotunan ƙanana).
  Saboda haka, kirediti 500 ba su daidai da hotuna 500.

12. Nawa ne hotunan ƙanana a shafina? Me ya sa hakan ke da tasiri mai girma?

Lodawa hoton zuwa WordPress yana samar da girma da dama; jiguna/plugins (musamman na e-kasuwanci) na iya ƙara ƙarin girma.
Ana yawanci ƙididdige ƙiredit/ƙotar matse girgije a matsayin “hoto na asali + ƙananan hotuna haɗe”, don haka mafi yawan ƙananan hotuna, sai ƙaramin lokacin da iyakar kyauta za ta ɗauka.

13. Shin lazy loading koyaushe yana hanzarta abubuwa? Me ya sa wasu ke cewa a zahiri yana jinkirta su?

Lazy loading ya dace da albarkatu da ba su bayyana a allo ba.
Idan mafi girman hoton da ya fi muhimmanci a allon farko an jinkirta shi ma, zai iya jinkirta kwarewar lodin farko. Duk da cewa tsarin jinkirin lodin da WordPress 5.5 ke da shi a tsoho gabaɗaya yana da ɗaukaka, ka guji amfani da tsari guda ga kowa.

14. Yaushe zan buƙaci CDN / Hoto CDN idan na bi Hanyar A ko B?

Matsewa, girma da tsarin fayil suna magance buƙatar “fayiloli ƙanana, masu dacewa”;
CDN yana tabbatar da isarwa cikin sauri da ƙarin amintacce.。
Idan akwai jinkiri mai yawa saboda ana ɗaukar hotuna daga uwar garke mai nisa, ƙara CDN ga kowane hoto (misali Cloudflare Polish / Jetpack Site Accelerator) gabaɗaya yana haifar da ƙwarewa mai ɗorewa, yana sa abun cikin ya fi sauƙin karantawa. Gudanawar WordPress CDN。

15. Menene hanya mafi sauƙi don tabbatar da cewa ya yi aiki da gaske bayan na yi shi?

Hanyar tabbatarwa mafi saurin ajiye lokaci:

• Lokacin da aka sabunta wannan shafin sau na biyu, shin tsarin ɗorawa ya fi daidaito kuma ya fi sauri?
• Shin akwai bambanci mai bayyana a girman hoto tsakanin loda a wayar hannu da na kwamfutar tebur (shin srcset/sizes suna aiki yadda ya kamata)?
• Duba gaggawa wasu hotuna: Shin akwai fayiloli ko albarkatun WebP ko AVIF?
• Yi duba ta hanzari a kan hotuna da dama: yi ƙara kusurwa don ganin ko sun yi ruɗani a gani ko rubutu ya yi duhu.