Ku antswisa swifaniso swa webusayiti

Ku lulamisa swifaniso swi nyika mbuyelo wa le henhla swinene eka ntirho wa WordPress: hi ku tirhisa swivumbeko swa matluka na tithimu leswi fanaka, ku lulamisa ntsena sayizi ya xifaniso, vukulu bya xona, fomati, na ndlela yo rhumela swi nga hatla swi tisa ku antswisiwa eka ntokoto wo layicha.

Hambiswiritano, ku lulamisa swifaniso i nchumu lowu nga ha vangaka xiyimo lexi nge “loko u ringeta ku lulamisa, swi nyanya ku biha”. Xivangelo a hi leswaku maendlelo ya tika ngopfu, kambe i leswaku vuxokoxoko byi hangalakile ngopfu:
U hlayile swiviko swi nga ri swingani naswona u dyondzile hi “compression”, “WebP/AVIF” na “lazy loading”, kambe loko u languta nhlamuselo ya plugin yi vula leswaku “100 wa tikhirediti ta mahala hi nhweti”, “20MB mahala” na “kirediti yin'we hi xifaniso”—naswona loko u ya emahlweni u hlaya, u ya u pfilunganyeka swinene. Xana mpimanyeto wa mahala wu enele hakunene? Xana mali yo hakela yi hungutiwa njhani? Xana u twisisile “mhaka leyi fanaka” hi ndlela yo hoxeka? Naswona xa nkoka swinene:Xana hakunene xi sungule ku tirha endzhaku ka loko u hetile?

Xihloko lexi xi endla swilo swinharhu ntsena:

1. Hi lexi xo karhi lexi u nga xi tirhisaka.Mepe wa ndlela(Xo sungula, xo landzela)
2. Hlamusela hi ku olova swihlawulekisi leswi u lavaka ku swi hlawula (i yini xiviri ku hambana exikarhi ka vuhundzuluxeri bya mahala na lebyi hakeriwaka, naswona byi fanele mani).
3. Xaxameta swihinga leswi tolovelekeke swinene eku sunguleni (leswaku u papalata ku karhateka ko lava switshunxo endzhaku ka loko u hetile)

1. Xisekelo: Leswi WordPress yi swi katsaka hi ntolovelo, na leswi yi nga swi katsiki

Loko u nga riki na ku twisisa eku sunguleni leswi xisekelo xa WordPress xi swi endleke, swiyimo swimbirhi swi nga humelela:

• Ematshan'weni yo tirhisa vuswikoti bya mahala lebyi kumekaka hi ku olova, hi onhile nkarhi na mali hi ku ringeta ku tumbuluxa leswi se swi nga kona.
• A ndzi ehleketa leswaku WordPress a yi ta “hundzula hi yoxe swifaniso hinkwaswo swa khale swi va WebP/AVIF”, kambe swi tikombe leswaku a yi swi endli.

Xisekelo xa WordPress xi katsa hi ntolovelo vuswikoti lebyi bya nkoka:

• Swifaniso leswi cinca-cincaka (srcset/sizes)Ku sukela eka WordPress 4.4 ku ya emahlweni, xisekelo xi ta humesa swifaniso. srcset 与 sizesnaswona ku tirhisiwa swifaniso swa tisayizi to hambana-hambana leswi endliweke loko swi layicheriwa, leswi pfumelelaka browser ku hlawula switirhisiwa leswi faneleke swinene ku layicha hi ku ya hi swiyimo swa xikirini.
• Ku layicha hi ku nonoka ka ntumbulukoWordPress 5.5 na tivherixini leti landzelaka swi pfumelela ku layicha ka swifaniso hi ku olova hi ntolovelo, hi ku tirhisa swipimelo swa HTML. loading Ku tirhisiwa ka nhundzu.
• Yi seketela ku layicha tifayili ta WebP.Ku sukela eka WordPress 5.8, yi pfumelela ku layicha ni ku tirhisa tifayili ta WebP ku fana na JPEG/PNG (loko vuhlayiselo bya webusayiti byi seketela WebP).
• Yi seketela ku layicha ka AVIFKu sukela eka WordPress 6.5, yi pfumelela ku layicha ni ku tirhisa tifayili ta AVIF hi ndlela leyi fanaka na JPEG/PNG (hi ku ya hi nseketelo wa vutshamo bya hosting).

Kambe, xiya:
“Nseketelo wo layicha/ku tirhisa” ≠ “Ku hundzula loku tiendlekelaka/ku rhumela loku tiendlekelaka”.
Hi marito man'wana: hambi loko se u tirhisa WP 6.5, tifayili ta JPG/PNG leti nga eka layiburari ya wena ya midiya a ti nge cinciwi hi toxe ti va WebP/AVIF; naswona a wu nge kumi hi toxe vuswikoti lebyi heleleke byo “humesa AVIF/WebP ku ya hi nseketelo wa burawuza, kasi ku tlhelela eka xifaniso xo sungula eka tiburawuza leti nga seketeleki” – ntirho lowu hi ntolovelo wu lava tipulagini kumbe vukorhokeri byo engetela ku hetisa xitshunxo.

2. Ndlela ya ntirho: Ku antswisa swifaniso hi magoza ya 5

Ku endla yini, hikwalaho ka yini, i yini lexi vumbaka ntirho lowu enerisaka, naswona i swihi swihinga leswi tolovelekeke.

2.1 Rhanga u lulamisa swipimo kahle (swo olova ku honisiwa, kambe swi vuyisa ngopfu)

Tisayiti to tala ti nonoka ku nga ri hikuva ku pfinyiwa a ku endliwanga, kambeKu dawunilodiwe xifaniso lexikulu swinene ku tlula ndhawu yo kombisa.：
Hi xikombiso, loko tluka ri kombisa vuanami bya 900px ntsena, kambe u endla leswaku vaendzi va dawuniloda xifaniso hinkwaxo xa 3000px, burawuza ri ta ntsena “ri xi dawuniloda kutani ri xi hunguta leswaku xi kombisiwa”. Leswi swi heta bandwidth, swi engetela nkarhi wo hlamusela xifaniso, naswona swi nonokisa ku layicha ka xikirini xo sungula.

WordPress 4.4 na ku ya ehenhlaMekanizimi ya swifaniso leswi tipindzelaka（srcset/sizes) hi xikongomelo xo lulamisa mhaka leyi.

I yini lexi endlaka ximaki xo pasa:

• Loko u pfula tluka eka xitirhisiwa xa movha, vukulu bya xifaniso lexi dawunilodiweke byi fanele ku va byitsongo swinene ku tlula eka khompyuta ya le tafuleni.
• Vukulu bya xihlovo xa xifaniso lexi fanaka bya hambana eka switirhisiwa swo hambana-hambana (ematshan'weni yo tshama u dawuniloda xifaniso xo sungula).

Swihinga leswi tolovelekeke ngopfu:

• Tin'wana tithimu/swiaki swi nga hundza leswi hi ku teka swifaniso tanihi swifaniso swa le ndzhaku swa CSS kumbe ku tirhisa tindlela to humesa leti endliweke hi ku kongoma. srcsetleswi vangaka ku dawuniloda nkarhi na nkarhi ka swifaniso leswikulu
• Hi ku tirhisa vukorhokeri bya le handle byo hlayisa swifaniso kumbe swibokisana swa swifaniso swa vanhu van'wana, u nga tlula sisiteme ya tisayizi to hambana-hambana leyi endliweke hi layiburari ya midiya.

---

2.2 Ku tshikilela (Ku hunguta sayizi ya KB, kambe u nga hunguti xiyimo)

Nkoka wa ku pfinya a hi leswaku “lexi ntsongo swi va swinene”, kambe i “ku hambana loku nga vonakiki hi mahlo, kambe ku ri na ku hunguteka lokukulu ka vukulu”.

Milawu hi leyi landzelaka:

• Swifaniso/Swifaniso swa xiviri (swa vanhu, swa swixavisiwa, swa ntumbuluko)Rhangisa ku pfinya loku lahlekisaka (ku andzisa mbuyelo)
• Xifaniso xa xikirini/Xifaniso lexi nga ni matsalwa yo talaCompression yi fanele ku va ya vukheta ku sivela matsalwa ku humelela ma ri na nkunga.
• Mfungho/XifanisoRhangisa SVG kumbe hlawula ku pfinya loku nga lahlekisiki vuxokoxoko (ku pfinya loku lahlekisaka vuxokoxoko swi olova ku vanga ku pfumala ka micele).

I yini lexi endlaka ximaki xo pasa:

• Sayizi ya swifaniso eka matluka yo tala yi hungutekile swinene.
• Ku nga vi na pongo leri twalaka, makumu lama nga vonakiki kahle, ku hambana ka mihlovo hi swirhendzevutana, kumbe matsalwa lama nga vonakiki kahle.

---

2.3 WebP / AVIF (Nawu wa fomati: Sayizi ya fayili leyitsongo eka vuklari lebyi ringanaka)

WordPress sweswi yi seketela ku layicha. WebP (5.8) na AVIF (6.5)。
Hambiswiritano, leswaku “fomati ya xitukulwana lexi landzelaka” yi tirhisiwa hi xiviri, hi ntolovelo swilo swimbirhi swi fanele ku langutana na swona:

1. Ndlela yo hundzula hi xibalo vuhlayiselo bya khale bya midiya(Loko swi nga ri tano, u antswisile ntsena “swifaniso leswintshwa leswi nga ta layicheriwa enkarhini lowu taka”)
2. Xana ku fanele ku endliwa khopi, kumbe xifaniso xo sungula xi fanele ku siviwa?(Leswi swi fungha xiyimo xa nkoka; hi ta langutisa eka “ku siva na ku susa swifaniso swa masungulo” swa Plus WebP endzhaku.)

Xitayili xo tsala lexi ringanyetiwaka:

• WebP: Hi ntolovelo i nhlawulo lowu rhandzekaka (lowu nyikaka ku fambisana loku tiyeke swinene)
• AVIF: Goza rin'wana eku pfinyeni, leri faneleke swifaniso leswikulu/swikhangiso swa xikirini xo sungula/swifaniso swa alibamu (hambi leswi ku nga na swin'wana...Ku titshega hi nseketelo wa mbango）

---

2.4 Ku Layicha hi ku Nonoka ku Fanele ku Tirhisiwa hi Vunene (Papalata Ndlela leyi Fanaka eka Hinkwaswo)

WordPress 5.5 ku ya emahlweniKu layicha hi ku nonoka hi ntoloveloXifaniso.
Swi hunguta matirhiselo ya bandwidth hi nkarhi wa ku kombisa ko sungula:

• Ku layicha hi ku nonoka swa fanela eka “switirhisiwa leswi nga vonakiki eka xikirini”.”
• Xifaniso xa nkoka swinene eka xikirini xo sungula (hi ntolovelo xifaniso xa nkoka swinene eka xikirini xo sungula) hakanyingi a xi faneleki ku layicha hi ku hlwela.

---

2.5 Xiyenge xa ku yisa: CDN / Xifaniso CDN

Ku pfinyiwa, vukulu na fomati swi hlangavetana na xilaveko xa “tifayili letitsongo, leti faneleke swinene”.
Hambiswiritano, loko swifaniso swi tshama swi tekiwa ku suka eka server ya le kule, ku hlwela ka netiweke swi ta ya emahlweni swi khumba swinene ntokoto wa mutirhisi. Eka swiyimo swo tano, ku laveka xitshunxo xa “delivery layer” (CDN/image CDN).

Tindlela timbirhi leti tolovelekeke:

• Cloudflare Poland：Matsalwa ya CloudflareXihloko xi tivisa maendlelo ya Polish yo pfinya (lawa ya nga lahlekisiki/lawa ya lahlekisaka/WebP) naswona xi vulavula hi ku tirhisa format=auto Ku tirhisiwa ka tifomati ta WebP/AVIF swa pfumeleriwa.
• Xihisisi xa Sayiti xa Jetpack：Matsalwa ya JetpackYi ta antswisa swifaniso ni ku swi hangalasa swin'we ni switirhisiwa leswi nga cinciwiki hi ku tirhisa netiweke ya yona.

Ku lulamisa swifaniso i ku hunguta vukulu ni ku tiyisisa leswaku swi faneleka.CDN: Ku yisa swinene na hi vutshembeki lebyikulu

3. Nhlawulo: Ku landzeleriwa ntsena tindlela timbirhi letikulu.

Xikhombo lexi tolovelekeke swinene eka ku antswisa swifaniso a hi ku tsandzeka ku nghenisa ti-plugin, kambe i ku nghenisa ti-plugin to tala ngopfu leswi vangaka ntirho lowu phindha-phindhiwaka:
A u tshikilela, na B na yena wa tshikilela; A u hundzula ku ya eka WebP/AVIF, na B na yena wa hundzula; A u cinca ti-URL, B u ti tsala nakambe— eku heteleleni, na wena a wu swi koti ku hlamusela leswi humelelaka eka sayiti.

Milawu:

Ndlela yin'we ntsena yo ya emahlweni: kumbe vuhlayiselo bya le ndhawini bya mahala hi ku helela, kumbe ku pfinya ka le papapapeni loku nga na swihlawulekisi swinharhu swo hlawula eka swona.

• Ndlela A (ya le ndhawini, mahala hi ku helela):Ku engetela WebP kumbe AVIF + EWWW Image Optimizer(kumbe hlawula yin'we ntsena)
• Ndlela B (Hlawula yin'we ya tindlela tinharhu to pfinya data):ShortPixel / Imagify / TinyPNG

---

3.1 Ndlela A: Ya le ndzeni ya mahala hi ku helela (Ku katsa WebP kumbe AVIF kumbe EWWW)

Swihlawulekisi leswi hlamuselaka ndlela leyi i:

• A wu tshembi vukorhokeri bya vucinci bya vanhu van'wana lebyi tirhaka hi mpimo wa n'hweti kumbe hi fayili yin'wana na yin'wana (hambi leswi swihlawulekisi swin'wana swi nga nyikaka vukorhokeri byo tihlawulela).
• Xo cincana hileswaku ku tirha hi ntirho wa ntlawa swi nga vanga ndzhwalo lowukulu eka server hi tlhelo ra CPU/IO, leswi swi lavaka leswaku u nyikela nyingiso lowukulu eka “maqhinga na khombo”.”

3.1.1 Ku engetela WebP kumbe AVIFMongo wa xona i “ku tumbuluxa/ku siva”, lexi nga riki “thulusi ro tshikilela” ra ntolovelo.”

• Loko u tumbuluxa swifaniso swa xiyimo xa le henhla:ID ya fayili ya xifaniso xa masungulo yi ta tsariwa henhla hi fayili ya WebP/AVIF, fayili ya masungulo yi ta susiwa, naswona URL leyi nga endzeni ka vuxokoxoko na yona yi ta siviwa.。
• Plugin leyi yi nyika swileriso swa WP-CLI naswona yi tsundzuxa: Loko u tirha hi tifayili to tala, WP-CLI yi tikomba yi tshembeka swinene.

Leswi swi vula leswaku: a yi endli “ku tumbuluxa WebP hi ku miyela”, kambe swi nga ha endleka kan'we ntsena.Ku rhurhisiwa ka rifuwo(ngopfungopfu loko u pfulela xihlawulekisi xa “Siva na ku susa xifaniso xo sungula”).

Kuhambana exikarhi ka tindlela timbirhi

Modo 1: Hlayisa xifaniso xa masungulo + tumbuluxa khopi ya WebP/AVIF (yi tshamisekile swinene)

• Nkateko: Swo olova ku tlherisela endzhaku loko ku va na swiphiqo swa ku fambelana.
• Ntsengo: Matirhiselo ya ndhawu ya diski ma ta engeteleka (xifaniso xo sungula + fomati leyintshwa + swifaniso leswitsongo swa tisayizi to hambana-hambana)

Muxaka 2: Siva ni ku susa xifaniso xo sungula (hi matimba swinene)

• Vuyelo: Swidiskisi a swi andzisi hi xihatla; swikombo swa le ndzeni swi hundzuluxeriwa hi swoxe eka fomati leyintshwa.
• Tikhakhari: Loko u cinca switirhisiwa na swikombo hi nkarhi wun'we, ku lulamisa swiphiqo swa ku fambelana swi durha swinene (ngopfungopfu loko tisisiteme ta le handle kumbe milawu ya theme yi titshege hi mavito ya tifayili/tindlela/tifomati ta masungulo).

Swihinga leswi tolovelekeke swa WebP kumbe AVIF

1. Endzhaku ka ku siviwa loku hetisekeke ka database, swifaniso swin'wana swa matluka a swi kombisiwi kahle.
   Xivangelo hi ntolovelo a hi leswaku “xifaniso xi onhakile”, kambe i leswaku xihlanganisi xo karhi eka nxaxamelo – ku fana na ku siva URL, caching, kumbe maendlelo ya swifaniso leswitsongo – a xi hleleriwanga kahle.
2. Loko nhlayo ya swifaniso switsongo yi andza, na vundzeni bya ku cinca byi anama.
   Ku layicha xifaniso eka WordPress swi tumbuluxa tisayizi to tala; ti-theme kumbe ti-plugin ti nga engetela vukulu byin'wana. Ku siva hi ku helela swi vula leswaku u nga ha va u cinca nhlengeleto lowukulu wa tifayili.
3. Ku rhurhisa fomati ntsena a swi tiyisisi vholumu leyitsongo swinene leyi kotekaka.
   Tifayili ta WebP/AVIF hi ntolovelo ti ntsongo, kambe “maendlelo ya sayizi” na “maendlelo ya ku pfinya” swa ha ri swa nkoka swinene. U nga teki Plus WebP tanihi “ndlela yo olova yo endla leswaku swi layicha hi xihatla”.

---

3.1.2 EWWW Muhlanganisi wa SwifanisoNtlhamulo wa mahala wa ku pfinya wa laha tikweni

Ndlela leyi tluka ra plugin ra EWWW ri vekiweke ha yona yi le rivaleni swinene:

• Yi nga tirhisa ntlawa wa switirhisiwa eka server ya wena ku antswisa (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, na swin'wana.).
• Loko u lava ku komesa swinene kumbe u lava ku hlayisa CPU, u nga tlhela u rhumela ntirho wa ku lulamisa lowu tirhisaka CPU eka server ya wena (a swi bohi).

Xana EWWW yi fanele ku tlanga xiave xihi eka Route A?

Loko u tirhisa Plus WebP eka “maendlelo yo cinca/siva fomati”, kutani EWWW yi faneleka ku tlula ku endla leswi landzelaka:

• Ku Antswisa Ntshikelelo na Vholumu(ngopfungopfu ku hunguta sayizi ya switirhisiwa leswi nga si lunghiseleriwaka swo fana na tifayili ta JPG/PNG)
• Ku antswisa hi xiphemu switirhisiwa swa khale swo hlayisa vuhaxi(Xikongomelo i ku hunguta nhlayo, ku nga ri ku siva ti-URL)

Swihoxo swa ntolovelo swa EWWW

1. Ndzhwalo wa server wu engeteleka hi nkarhi wa ku antswisiwa ka ntlawa.
   Leswi swi vangiwa hikuva ku pfinyeta ka laha ndhawini ku tirhisa CPU/IO. Ndlela yo lulamisa a hi ku “tshika ku yi tirhisa”, kambe i ku “tirha hi swiphemu-phemu, hi nkarhi lowu ku nga tirhisiwiki ngopfu, ni ku hlawula ku rhumela ntirho handle kumbe ku tirhisa swilulamiso swa le papapapeni laha swi lavekaka”.
2. “Ku tumbuluxa WebP a swi vuli swona leswaku frontend yi phamela WebP.
   Ti-plugin to tala ti tirha ehansi ka ku ehleketa loku hoxeke loku: ku tumbuluxa i mhaka yin'we, kasi maendlelo yo yisa (ku tsala nakambe, switikara swa swifaniso, ku tirhisa cache, na swin'wana) i mhaka yin'wana hi ku helela.
3. Ku tekelela ntirho lowu fanaka wa ti-plugin tin'wana
   Loko u teka Ndlela A, papalata ku hlengeleta vukorhokeri byo pfinya mapapa ku fana na ShortPixel/Imagify/TinyPNG; loko u teka Ndlela B, yimisa maendlelo yo siva hi Plus WebP. Nsinya wa xisekelo:Namarhela ndlela yin'we yo endla.

---

3.2 Ndlela B: Hlawula yin'we ya tinsivhisi tinharhu to pfinya swifaniso (ShortPixel / Imagify / TinyPNG)

Ndlela leyi yi fanele lava lavaka ku hlayisa switirhisiwa swa server, lava rhandzaka ndlela yo olova yo tirha hi swiphemu swo tala hi nkarhi wun'we, naswona va ntshunxekile hi maendlelo ya ku hakela hi ku ya hi leswi u swi tirhisaka.
Hambiswiritano, mhaka leyi tolovelekeke swinene ya ku nga twisisani mayelana na ku pfinya ka cloud hi leyi:Ntswalo wa mahala a hi mhaka ntsena ya “maphepha ya mahala”.Nhlayo ya tisayizi ta swifaniso leswitsongo, loko tifomati ta WebP/AVIF ti endliwa, na loko ku pfuxetiwa ku tshikilela ku endliwa, hinkwaswo swi ta khumba swinene matirhiselo ya switirhisiwa.

Laha hansi hi ta hlamusela: ndlela leyi swiyimo swa mahala/swo hakela swi tirhaka ha yona, ndlela leyi swipimo swi hungutiwaka ha yona, swihinga leswi tolovelekeke swo swi papalata, na leswaku hi swihi swivandla swa webusayiti leswi fanelekaka ngopfu.

---

3.2.1 Xifaniso xo koma100 wa tikhirediti ta mahala hi nhweti, kambe tikhirediti ti ta tirhisiwa hi swifaniso leswitsongo na ku kurisiwa ka swifaniso swa WebP/AVIF.

Xana mhaka ya mahala na yo hakela i yini?

Nhlamuselo ya plugin ya ShortPixel yi vula hi ku kongoma leswaku:

• 100 wa tikhirediti ta mahala hi nhweti
• Ku tlhela ku va na “swikirediti swo engetela swa n'hweti na n'hweti leswi nga riki na ntsengo” (tluka ra plugin ri nyika vuxokoxoko bya nxavo lowu fambisanaka na swona).
• Nakambe va nyiketa “tiphakheji ta khirediti ta kan'we leti nga heriki” (ku nyikeriwa vuxokoxoko bya nxavo wo sungula)

Xiya:

• Mahala: Ku averiwa ka tikhirediti n'hweti na n'hweti eka tiwebusayiti leti olovaka kumbe swikongomelo swo ringeta.
• Phakeji ya kan'we: Yi fanele swivandla leswi nga na tilayiburari letikulu ta midiya, leswi lavaka ku xava swilo hinkwaswo hi nkarhi wun'we (yi xaviwa kan'we ntsena leswaku yi tirhisiwa nkarhi hinkwawo, ntolovelo a yi heli).
• N'hweti na n'hweti/Ku nga heriki: Swi faneleka eka ti-website leti lavaka ku pfuxetiwa ka swifaniso nkarhi na nkarhi na ku antswisiwa loku tiyeke ka nkarhi wo leha.

Xisekelo xa vutivi xa ximfumo xa ShortPixel xi tlhela xi hlamusela ku pimanisa exikarhi ka “tiphasela ta kan'we na tipulani ta n'hweti na n'hweti leti nga riki na ntsengo wa le henhla”.Nhlamuselo leyi twisisekakaPulani ya N'hweti na N'hweti leyi nga riki na ntsengo yi hakeriwa n'hweti na n'hweti (kumbe lembe na lembe), yi nyika tikhirediti leti nga riki na ntsengo na mpimo lowu nga cinciwiki wa CDN; tikhirediti ta kan'we a ti heli, leswi ku nyikaka vulawuri lebyikulu eka matirhiselo loko swi laveka.

Ntlhohelo wa nkoka swinene: Swikweleti swa ShortPixel swi hlayeleriwa njhani?

Matsalwa ya Ximfumo ya ShortPixel KB u swi vule hi ku olova swinene:

• Ku layicha xifaniso eka WordPress swi endla swifaniso swo tala leswitsongo;
• Ku lulamisa xifaniso xin'wana na xin'wana xa vukulu bya le hansi swi hlayiwa tanihi xikweleti xin'we.；
• Loko u hlawula ku tumbuluxa WebP kumbe AVIF,Vuhundzuluxeri byin'wana na byin'wana bya WebP/AVIF bya xifaniso xo sungula na xifaniso xa xona lexitsongo swi ta tirhisa xikweleti xin'wana.；
• U nga susa swifaniso swin'wana leswitsongo eka ku antswisiwa leswaku u hunguta ku tirhisiwa ka data.

Xikombiso xa vatsari：

A hi nge u layicha xifaniso xin'we, kutani theme/plugin yi tumbuluxa swifaniso switsongo swa nhungu:

• Ku antswisa xifaniso xa masungulo + swifaniso switsongo ntsena: 1 (xifaniso xa masungulo) + 8 (swifaniso switsongo) = 9 wa tikhirediti
• Loko ku endliwa ka WebP/AVIF na kona ku laveka: engetela vuhundzuluxeri byin'we bya xitukulwana lexi landzelaka eka xivumbeko xin'wana na xin'wana xa 9 lexi nga laha henhla → kutani u engetela swikweleti swin'wana swa 9.
  Hi marito man'wana, leswi u nga ha swi tekaka tanihi “xifaniso xin'we” swi nga ha tirhisa kwalomu ka “tikirediti ta khume”.

Hikokwalaho:“Tikirediti ta 100 ta mahala” a swi ringani na “swifaniso swa 100 swa mahala”.

Swihinga leswi tolovelekeke swa ShortPixel

1. Tikirediti ta 100 ta mahala ti hela hi ku hatlisa.
   Xivangelo xa nkoka: swifaniso swo tala leswitsongo + swikweleti swo engetela leswi lavekaka eka ku tumbuluxiwa ka WebP/AVIF.
   Xiringanyeto：

• Xo sungula kambisisa nhlayo ya swifaniso leswitsongo eka sayiti.
• Susa tisayizi ta swifaniso leswitsongo leti nga lavekiki (antwisa ntsena tisayizi leti hakunene ti nga ta tirhisiwa)
• Xo sungula, veka maendlelo yo pfinya u nga si tirha hi swiphemu-phemu, leswaku u papalata ku ringeta-ringeta loku dyaka switirhisiwa.

2. Phatlha hi nkarhi wun'we ti-plugin tin'wana to hundzula tifomati.
   Loko u pfuxeta ku siviwa ka Plus WebP kasi hi nkarhi lowu fanaka u lerisa ShortPixel ku tumbuluxa/ku nghenisa ti-tag ta xitukulwana lexi landzelaka, vutlhari bya kona byi va na swiphemu swo tala, leswi endlaka leswaku ku lulamisa swiphiqo swi tika swinene. Ndlela B yi endla ntsena leswaku ShortPixel yi tirha hi yoxe.
3. Ku ehleketa leswaku ku nghenisa ntsena swi tiyisisa leswaku “frontend yi phamela WebP/AVIF”.”
   Tluka ra Phulagini ya ShortPixelYi nga hundzula tifomati ta WebP/AVIF naswona yi hlanganisa swifaniso swa xitukulwana lexi landzelaka eka matluka ya le mahlweni (hi xikombiso, hi ku tirhisa tithagi).
   Hambiswiritano, loko swi hetisekile, mbuyelo wu fanele wu tiyisisiwa.

---

3.2.2 VumbaMahala 20MB hi nhweti; mpimo wu hungutiwa ku ya hi “vukulu bya xifaniso xo sungula + nhlayo ya swifaniso leswitsongo”; ku pfinya nakambe swi ta endla leswaku mpimo wu hungutiwa kambirhi.

Ku veka mahala na ku lunghisa

Tluka ra Ximfumo ra Ntsengo wa ImagifySwi tsariwile hi ku olova swinene:Tiakhawunti ta mahala ti na mpimo wa n'hweti na n'hweti wa 20MB。
Tluka ra yona ra plugin ri tlhela ri vula hi ku kongoma leswaku yi nga tshikilela, yi cinca sayizi, ni ku hundzula tifayili ta WebP/AVIF.

Ti-quota ti hungutiwa njhani?

Matsalwa ya ximfumo ya Imagify “Xana Tirhiso ya Quota yi Hlayeleriwa Njhani?” yi hlamusela hi ku olova maendlelo yo susa:

• Nhlayo ya swifaniso leswitsongo yi ta khumba matirhiselo.Hi xikombiso, loko u ri na tisayizi ta 10 ta swifaniso leswitsongo, ku antswisa xifaniso xin'we swi hundzuka ku antswisa swifaniso swa 11 (xifaniso xo sungula ku katsa na swifaniso leswitsongo swa 10), leswi hinkwaswo swi hoxaka xandla eku tirhisiweni ka quota.
• Hunguta mpimo hi ku ya hi vukulu bya fayili yo sungula.Hi xikombiso, loko u rhumela xifaniso xa 100KB eka Imagify, 100KB yi ta susiwa eka quota ya wena.
• Ku cinca xiyimo xa compression na ku pfuxeta optimisation swi ta tirhisa quota nakambe.。
• API Key leyi fanaka yi nga tirhisiwa eka ti-site to tala, kambe ti-quota ti ta avelana exikarhi ka ti-site leti.

Leyi i “ndlela ya xisekelo ya ku twisisa” ya Imagify:
Swi fana na phakeji ya data: xin'wana na xin'wana lexi u xi rhumelaka, hi xona lexi xi xi susaka; loko ku ri na swifaniso swo tala leswitsongo, na leswi swi susiwaka swa tala; ku rhumela swilo swo tika hi ku phindha-phindha swi ta vanga ku susiwa loku phindha-phindhaka.

Swikombiso swa quota ya Imagify leswi olovaka ku twisisa

A hi nge u nghenisa xifaniso xa wena xa 800KB, naswona webusayiti yi tumbuluxa swifaniso swa 8 swo rharhangana.

• Loko u endla optimisation hi Imagify, xifaniso xo sungula na swifaniso swa nhungu swa le tlhelo swa katsiwa (loko u hlawula “Optimise All”). Leswi swi vula leswaku ntirho lowu wun'we wu ta tirhisa mpimo lowu nga kusuhi na vukulu hinkwabyo bya xifaniso xo sungula xa tifayili leti hinkwato loko ti hlanganisiwile.
  Hi xona xivangelo lexi ti-website tin'wana ti kumaka leswaku mpimo wa tona wa “20MB” wu hela hi xihatla: a hi leswaku Imagify a yi ringani ntirho, kambe swifaniso leswi u swi nghenisaka swi kurukumba ngopfu, u endla ti-thumbnail to tala ngopfu, naswona u nga ha va u ri karhi u ringeta swiyimo swo hambana-hambana swa ku pfinya hi ku phindha-phindha.

Swihinga leswi tolovelekeke swa Imagify

1. Mahala 20MB a swi enelanga ku endla “ku basisa matimu hinkwawo ya sayiti”.”
   20MB hi ntolovelo yi lulamela swinene ku ringeta na ku pfuxeta switsongo; loko layiburari ya wena ya midiya se yi ri yikulu, ku yi basisa hinkwayo hi nkarhi wun'we swi nga ha lava leswaku u antswisa.
2. Ku lulamisa xiyimo xa ntshikelelo nkarhi na nkarhi swi vanga ku tirhisiwa ka quota nkarhi na nkarhi.
   Imagify yi vula hi ku kongomaKu pfuxeta ku lulamisa swi ta tirhisa kotexa nakambe.
   Swa tsundzuxiwa ku hlamusela hi ku kongoma kungu eka tluka leri:

• Xo sungula, tirhisa swifaniso switsongo ku kuma xiyimo xa ku pfinya na nkoka wa xivumbeko.
• Hetisisa kungu emahlweni ko tsutsuma hi mintlawa.
  Papalata ku ringeta-ringeta loku phindha-phindhaka eka database hinkwayo.

3. Ku tirhisa swilotlelo swa API eka tisayiti to tala swi endla leswaku ti-quota ti hunguteka hi ndlela yo hlamarisa.“
   Loko u tirhisa API Key leyi fanaka eka tisayiti to tala, ti-quota ti ta avelana.
   Hikokwalaho, eka swiyimo swa ntlawa/swa tindhawu to tala, swa tsundzuxiwa ku hlamusela hi ku kongoma leswaku hi tihi tindhawu leti avelanaka switirhisiwa na leti tirhaka hi ku tiyimela, hi mukhuva wolowo ku sivela ku pfumaleka ka vulawuri bya mpimanyeto wa timali.

---

3.2.3 TinyPNG(Swifaniso swo Tshineta Switsongo): Mahala 500 wa tikhirediti hi nhweti; ku hundzula ku ya eka WebP/AVIF swi durha “kirediti yin'we yo engetela hi sayizi yin'we”.”

Ntswalo wa mahala na maendlelo ya wona yo hakelisa

Tluka ra plugin ra TinyPNG ra WordPress ri tsariwe hi ku olova loku twisisekaka swinene:

• 500 wa tikhirediti ta mahala n'hweti yin'wana na yin'wana
• Eka “ku nghenisiwa ka ntolovelo ka WordPress”, yi nga pfinyiwa hi kwalomu ka Kwalomu ka swifaniso swa 100 hi nhweti
• Kambe, loko ku hundzuriwa ka AVIF kumbe WebP ku pfuriwile:Sayizi yin'wana na yin'wana ya xifaniso yi ta va na mali yo engetela.Hikokwalaho, swi nga ha koteka ntsena leswaku swi pfinyiwa ni ku hundzuriwa. Kwalomu ka swifaniso swa 50 hi nhweti(Ku ya hi vukulu bya swifaniso leswitsongo leswi u nga na swona).

Hi nkarhi wolowo, Tinify (mutumbuluxi wa TinyPNG/TinyJPG) na yona yi tivisile eka Tluka ra Ntsengo wa APIXiya: Tsarisa ku kuma 500 wa ti-compression ta mahala hi nhweti. Ku tlula mpimo lowu, ku hakeriwa hi ku ya hi nhlayo ya ti-compression leti humeleleke, naswona a swi bohi ku va ni vuxirho.

Ku komisa TinyPNG hi xivulwa xin'we:
Swi hlayela hi tikhirediti; loko u ri na tisayizi to tala ta swifaniso leswitsongo naswona u pfulela tifomati to tala ta WebP/AVIF, tikhirediti ta wena ti ta hela hi xihatla.

Xikombiso lexi olovaka ku xi twisisa xa swikweleti swa TinyPNG

A hi nge webusayiti ya wena yi endla tisayizi ta nhungu ta swifaniso leswitsongo eka xifaniso xin'wana na xin'wana:

• Ku pfinyiwa ntsena: Xifaniso xo sungula + swifaniso switsongo swa 8 → Swi lava tikhirediti ta 9
• Loko ku hundzuluxeriwa ka WebP/AVIF ku pfuriwile: Ku ta susiwa ntsengo wo engetela hi ku ya hi sayizi → Leswi swi nga engetela ntsengo kwalomu ka kambirhi.
  Leswi swi fambisana hi ku kongoma ni nhlamuselo ya tluka ra plugin: loko ku pfuriwa ku hundzula, mpimo wa mahala wu cinca ku suka eka kwalomu ka “swifaniso swa 100 hi n'hweti” ku ya eka “swifaniso swa 50 hi n'hweti”.

Swihinga leswi tolovelekeke hi TinyPNG

1. Loko hi teka leswaku 500 wa tikhirediti = 500 wa swifaniso.
   E-e. Yi tirhisa tikhirediti hi ku ya hi “vukulu/muxaka wa xifaniso”. Tluka ra pulagini ri vula hi ku kongoma: “Ncinceko wu susa khirediti yin'we yo engetela hi vukulu byin'wana na byin'wana bya xifaniso”.
2. Plug-in ya theme/e-commerce yi tumbuluxa swipimo swo tala ngopfu, leswi vangaka ku hunguteka lokukulu ka swikwota swa mahala.
   Loko vukulu byi kula, swikweleti swa andza hi ku olova naswona swa tirhisiwa hi xihatla.
3. Endzhaku ko pfuxeta ku hundzula, ndzi kume leswaku ntsengo wa xikweleti wu nga ha enelanga.
   Leyi a hi xihoxo; i maendlelo ya yona ya ku hakelisa.
   Swibumabumelo swa Vutlhari:

• Loko xiyimo xa mahala xi tirhisiwa ngopfu-ngopfu eka ku pfinya na ku hunguta vutiko, u nga sungula u langutisa ntsena eka ku pfinya. Loko se u tiyisile leswaku xivumbeko xa sayiti xi tiyile naswona leswaku next-gen yi laveka hakunene, u nga sungula ku cinca.

4. Swibumabumelo leswi Seketeriweke hi Muxaka: Ndlela yo Hlawula Mixaka yo Hambana ya Tisayiti

Hambi leswi hinkwaswo swi tirhisaka WordPress, ti-site ta vuxokoxoko, switichi swa e-commerce, ti-portfolio, na ti-site ta vumemburho, xin'wana na xin'wana xi na swiphiqo swo hambana leswi fambisanaka na swifaniso.

4.1 Tiwebusayiti/tibulogu leti kongomisaka eka leswi nga endzeni (leti nga na swifaniso swo tala eka xitsalwana xin'wana na xin'wana naswona ti pfuxetiwa hi xiringaniso)

Swibumabumelo swa nkoka:

1. Qhinga ra Swiyenge (Goza ra 1)
2. Ku tshikilela (Goza ra 2)
3. WebP (Goza ra 3)

Ndlela leyi faneleke swinene:

• Ku kuma ndlela yo olova: Hlawula yin'we ya tindlela tinharhu (ShortPixel / Imagify / TinyPNG)
• Hlawula mahala: Ndlela A (Plus WebP + EWWW), kambe swa tsundzuxiwa ku sungula hi ku kambisisa makhombo eka “muxaka wo hlayisa (handle ko susa swifaniso swa masungulo)”.

Swihinga leswi tolovelekeke

• Xifaniso xa nhloko-mhaka ya xitsalwana xi kule ngopfu, naswona maendlelo ya ku layicha hi ku nonoka a ma faneleki.Swi ta nonokisa xikirini xo sungula

4.2 Swivandla swa E-commerce/Swikumiwa (Swifaniso swo tala leswitsongo, tinxaka to tala ta swifaniso, ku tiya i ka nkoka swinene)

Swiphiqo leswi tolovelekeke swinene eka e-commerce a swi humi eka “mbuyelo wo biha wa ku pfinya”, kambe swi huma eka “swipimo leswi hoxeke endzhaku ka ku antswisa, ku pfumaleka ka swifaniso leswitsongo, na swiphemu swa front-end leswi tsandzekaka ku kuma swifaniso”.

Swibumabumelo swa nkoka:

1. Yana emahlweni hi vukheta: tirhisa maendlelo yo hlayiseka eka maqhinga yo pfinya; papalata ku siva vuhlayiselo hinkwabyo hi ku hatlisa.
2. Kambisisa vukulu bya swifaniso leswitsongo: Tithimu ta e-commerce hi ntolovelo ti tumbuluxa tisayizi to tala, leswi engetelaka matirhiselo ya quota (leswi vonakaka ngopfu eka ShortPixel/TinyPNG).
3. Endla nkambelo wa xikalo-ntsongo u nga si andzisa (swa nkoka swinene)

Ndlela leyi faneleke swinene:

• Ndlela B hakanyingi yi olova swinene: ShortPixel, Imagify, na TinyPNG hinkwato ti seketela ku tirha hi swifaniso swo tala hi nkarhi wun'we. Xa nkoka i ku twisisa maendlelo ya tona ya mpimo na ku kambisisa ntsengo ka mali ka ha ri na nkarhi.
• Ndlela A na yona ya tirha, kambe munhu u fanele ku va na vuxiyaxiya lebyikulu mayelana na mukhuva wa Plus WebP wo “siva ti-ID/ku susa swifaniso swa masungulo/ku siva ti-URL”: leswi swi vumba ku rhurhisiwa ka rifuwo, naswona a swi tsundzuxiwi ku ya emahlweni na ku siva hinkwaswo hi ku helela ku sukela eku sunguleni.

4.3 Webusayiti ya Tiphotho/Portfolio (Yi tekela enhlokweni vunene bya xifaniso ha xin'we, vukulu bya tifayili, na swipimelo swa le henhla swa xivono)

Swibumabumelo swa nkoka:

1. Maqhinga ya Vukulu (Nkongomiso wa Ndhawu yo Kombisa)
2. Qhinga ro tshikilela (swa antswa ku va swikulu nyana ku tlula ku lahlekeriwa hi vuxokoxoko)
3. WebP/AVIF (yi nyika vuyelo lebyikulu eka swifaniso leswikulu, hambi leswi xiyimo xa xivono xi lavaka ku tiyisisiwa)

Ndlela leyi faneleke swinene:

• VumbaKu avanyisa swiphemu hi ku ya hi “vukulu bya xifaniso xo sungula” swi endla leswaku ti-website to tano ti va letinene eka “ku lawula mpimanyeto wa timali” (hikuva wa swi tiva hi xiringaniso leswaku xifaniso xin'wana na xin'wana lexikulu xi ta tirhisa mali yo tanihi kwihi), kambe papalata ku swi pfinyata hi ku phindha-phindha.
• Xifaniso xo komaLoko nhlayo ya tisayizi ta swifaniso leswitsongo yi ri yitsongo, matirhiselo ya tikhirediti ya lawuleka; kambe, loko ku endliwa tisayizi to tala swin'we ni switirhisiwa swa xitukulwana lexi landzelaka, matirhiselo ya tikhirediti ya tlakuka swinene, leswi lavaka leswaku ku va ni makunguhatelo ya le mahlweni.

5. Nkambisiso wa Mpimanyeto/Nkweleti: Ku hlamusela loko mpimanyeto wa mahala wu enele

Hi xihi lexi nga durhiki ngopfu, naswona nkarhi wa mahala wu ta heta nkarhi wo tanihi kwihi?

5.1 Tindlela tinharhu to hunguta mali

• Xifaniso xo koma(Vakongomisi)Tikirediti ti hlayeleriwa hi ku ya hi nhlayo ya swifaniso swa masungulo ku katsa na swifaniso leswitsongo; ku tumbuluxa tivhezini ta WebP/AVIF swi ta vanga ku hungutiwa ka tikirediti to engetela eka fomati yin'wana na yin'wana leyi fambisanaka na swona.
• Vumba(Ntsengo wa MB)Ku hungutiwa ka mpimo swi ya hi vukulu bya fayili yo sungula; swifaniso swo tala swi vanga ku hungutiwa lokukulu; ku pfinya nakambe swi ta vanga ku hungutiwa loku engetelekeke.
• TinyPNG(Vakongomisi): 500 wa tikhirediti hi nhweti; ku pfumelela ku hundzuluxeriwa ka WebP/AVIF swi ta engetela tikhirediti hi ku ya hi vukulu bya xifaniso.

5.2 Tindlela ta ku Hlayela hi Xihatla

U nga ringanyeta hi ndlela leyi landzelaka:

1. Hlawula xifaniso xihi na xihi xa wena lexi u toloveleke ku xi nghenisa kutani u kambela vukulu bya xona lebyi ringaniseriweke (xik. 300KB / 1MB / 3MB)
2. Ringanyeta nhlayo leyi ringaniseriweke ya tisayizi ta swifaniso leswitsongo leti sayiti ya wena yi ti endlaka (xik., 5 / 10 / 20)
3. Hlawula ku tumbuluxa WebP/AVIF (Ina/E-e)

Kutani tirhisa “ku hlayela ka mianakanyo” loku landzelaka ku twisisa matirhiselo:

• Xifaniso xo komaXifaniso xin'wana na xin'wana ≈ (1 + nhlayo ya swifaniso leswitsongo) wa tikhirediti; Loko u tumbuluxa WebP/AVIF, ≈ kwalomu ka kambirhi ku tlula sweswo (hikuva tivhezini ta xitukulwana lexi landzelaka na tona ti lava tikhirediti).
• VumbaXifaniso xin'wana na xin'wana xi tirhisa kwalomu ka mpimo wa data lowu ringanaka na (vukulu bya xifaniso xo sungula + vukulu hinkwabyo bya swifaniso leswitsongo hinkwaswo); ku pfinya nakambe eka xiyimo xo hambana xa ku pfinya swi ta vanga ku hungutiwa loku engetelekeke ka mpimo wa data.
• TinyPNGMahala: 500 wa tikhirediti; loko sayiti ya wena yi endla tisayizi to tala ta xifaniso xin'we-xin'we naswona ku hundzula ku pfuxiwile, mpimanyeto wa mahala wu ta hunguteka swinene (tluka ra plugin ri nyika xiringanyeto lexi twisisekaka xa “kwalomu ka 100 wa swifaniso hi nhweti” loko ku pimanisiwa na “kwalomu ka 50 wa swifaniso hi nhweti”).

6. Xitiviso xa Khombo

Khombo 1: Papalata ku va na tiplagini to tala leti endlaka ntirho lowu fanaka hi ku phindha-phindha.

Lexi i xihlovo lexi tolovelekeke ngopfu xa makhombo.“

• Ndlela A:Ku engetela WebP kumbe AVIF + EWWW(Avelanani vutihlamuleri exikarhi ka n'wina vambirhi; mi nga endli ku hundzula ni ku yisa loku fanaka hi nkarhi wun'we, kumbe ku nghenisa yin'we ntsena ya tona.)
• Ndlela B: ShortPixel / Imagify / TinyPNG Hlawula xin'we eka swinharhu.(Hlawula un'we loyi a nga na vutihlamuleri bya compression na next-gen)

Khombo 2: Ntirho wa “override ID / delete original image / replace URL” wa Plus WebP wu vumba ku rhurhisiwa ka rifuwo.

Nakambe, swi fanele ku kandziyisiwa:Ku engetela WebP Nhlamuselo yi vula hi ku kongoma leswaku hi nkarhi wa ku tumbuluxa loku hetisekeke, ID ya xifaniso xo sungula yi ta tsariwa ehenhla, fayili yo sungula yi ta susiwa, naswona URL ya leswi nga endzeni yi ta siviwa.
Leswi swi kombisa leswaku a hi “ku lulamisa lokutsongo loku nga herisiwaka nkarhi wun'wana ni wun'wana”, kambe i ku cinca eka xiyimo xa nhundzu.

Qhinga leri ringanyetiwaka ri fanele ku va:

• Ndzilikiso wo sungula wa xikalo lexitsongo (swilo swa makume ku ya eka madzana)
• Tiyisisa leswaku xikombiso xa le mahlweni, swifaniso leswitsongo, na ku pfuxetiwa ka cache swi tirha kahle.
• Anakanyisisa hi ku tirhisiwa ka database hinkwayo.

Khombo 3: Matirhiselo ya xiviri ya “mpimanyeto wa mahala” wa ku pfinya ka papa-xivandla ya titshege hi nhlayo ya swifaniso leswitsongo na swihlawulekisi swa xitukulwana lexi landzelaka leswi hlawuriweke.

• Xifaniso xo komaSwifaniso leswitsongo na xitukulwana lexi landzelaka swi ta khumba swinene tikhirediti.
• TinyPNGKu pfuxeta WebP/AVIF swi ta endla leswaku ku susiwa tikhirediti to engetela eka sayizi yin'wana na yin'wana ya xifaniso.
• VumbaHunguta hi ku ya hi vukulu bya xifaniso xa masungulo; loko ku ri na swifaniso switsongo swo tala, ku hungutiwa ku va kukulu. Ku pfinya lokukulu swi ta vanga ku hungutiwa loku phindha-phindhiwaka.

Khombo 4: “Ku tumbuluxiwa ka WebP/AVIF” a swi ringani na “Frontend yi nyiketa WebP/AVIF”

Vatirhisi vo tala va vika leswaku va twa onge webusayiti ya vona a yi hatlanganga endzhaku ka ku hundzuluxiwa, xivangelo lexikulu ku nga leswaku frontend yi ya emahlweni yi humesa tifayili ta JPG/PNG (hikwalaho ka ku nga fambisani eka xiteji xihi na xihi xa endlelo: caching, ku tsala nakambe, tags, kumbe mbulavurisano wa browser).

7. Ndzi nga tiyisisa njhani loko swi sungurile ku tirha endzhaku ko hetisa ntirho?

Tinhla ta mune to tiyisisa leti olovaka swinene:

1. Loko u pfuxeta tluka rero hi vumbirhi, xana endlelo ro layicha ri tshamisekile swinene naswona ri hatlisa?(Vukorhokeri lebyi vonekaka bya vuhlayiselo na nhluvukiso)
2. Xana ku na ku hambana loku vonakaka eka vukulu bya xifaniso exikarhi ka ku layicha eka selifoni na khompyuta?(Ku angula) srcset/sizinga Hambi swi tirha
3. Kambisisa hi xihatla swifaniso swo hlayanyana: Xana ku na tifayili kumbe switirhisiwa swa WebP kumbe AVIF?Xana sayiti yi yi tirhisa hakunene? xitukulwana lexi landzelaka）
4. Languta swifaniso swo hlayanyana hi xihatla: kurisa swona ku vona loko swi vonaka swi ri na nkunga swinene kumbe loko matsalwa ma vonaka ma ri na nkunga.(Xana vunjhefu bya ku pfinya byi hundzeletiwile?)

Loko swikombiso hinkwaswo swa mune swi hetisisiwile, swi kombisa leswaku ndlela leyi u yi hlawuleke se ya tirha. Yana emahlweni eka goza leri landzelaka. CDN “Giredi yo Yisa”Ku tshamiseka hi ku angarhela ku ta antswisiwa.

8. Swibumabumelo swa ku Endla

1. Xo sungula hlawula ndlela ya wena:

• Ndzi lava ku yi hlayisa yi ri ya mahala hilaha swi kotekaka hakona.Ku engetela WebP kumbe AVIF + EWWW (kumbe u nghenisa yin'we ntsena ya tona)
• Ku hlayisa switirhisiwa swa server na ku tiphina hi ku rhula lokukulu ka mianakanyo hi ku hakela loko u tirhisa.Hlawula yin'we ya leti landzelaka: ShortPixel / Imagify / TinyPNG

2. Endla nkambelo wa xikalo lexitsongo (swilo swa makume mambirhi)
3. Tiyisisa leswaku hinkwaswo swi lulamile u nga si ya emahlweni na ntirho.
4. Ku laveka ku antswisiwa loku engetelekeke ku tiyisa vutshamiseki bya ku yisa:Ku hlaya Ku hatlisisa ka CDN

Swivutiso Leswi Tlhelaka Swi Vutisiwa

1. I ti-plugin tingani leti ndzi faneleke ku ti nghenisa? Xana ndzi nga ti nghenisa hinkwato?

Ringeta ku namarhela ndlela yin'we.

• Ndlela A: WebP kumbe AVIF + EWWW Image Optimizer (kumbe nghenisa yin'we ntsena ya tona)
• Ndlela B: Hlawula yin'we eka ShortPixel / Imagify / TinyPNG
  Ku va na tiplugin to tala leti tirhaka hi nkarhi wun'we ku “compression/conversion to WebP/AVIF/ku cinciwa ka URL/ku tsariwa nakambe ka vuhaxi” endzeni ka sayiti yin'we swi nga ha vanga mpfilumpfilu lowukulu swinene naswona swi tika ngopfu ku lulamisa swiphiqo.

2. Xana WordPress a yi se seketela WebP/AVIF? Xana ndza ha lava plugin?

Swa laveka ku hambanisa:
“Nseketelo wo layicha/ku tirhisa” ≠ “Ku hundzula loku tiendlekelaka/ku rhumela loku tiendlekelaka”.
WordPress 6.5 a yi nge hundzuluxi hi yoxe hi xibalo tifayili ta khale ta JPG/PNG ti va ta WebP/AVIF, naswona a yi nge lawuli hi yoxe endlelo hinkwaro ra “ku humesa AVIF/WebP ku ya hi vuswikoti bya burawuza na tindlela to pfuna”. Ku pfuxeta tilayiburari ta khale ta midiya, hi ntolovelo ku laveka tiplagini kumbe vukorhokeri ku hetisa endlelo leri.

3. Endzeni ka ku antswisa swifaniso, i goza rihi leri nyikaka mbuyelo wa le henhla swinene eka vuhlayiselo bya timali?

Hi ntolovelo Xo sungula, lulamisa swipimo kahle (srcset/sizes)。
Tisayiti to tala ti tirha hi ku nonoka ku nga ri hikuva ti pfumala ku pfinya, kambe hikuva matluka ma kombisa 900px ntsena kasi ma sindzisa vatirhisi ku dawuniloda xifaniso hinkwaxo xa 3000px. Ku pfinya ku hlayisa tikilobayiti, kambe vukulu lebyi nga fambisaniki byi nga tshwisa datha yo tala ngopfu hi minkarhi yo tala handle ka xivangelo lexinene.

4. Ndzi nga tiyisisa njhani leswaku xifaniso lexi xi layichaka sweswi i lexi “ntsongo”, ku nga ri ku dawuniloda nkarhi hinkwawo lexi xo sungula?

Languta swiendlakalo swimbirhi:

• Loko u pfula tluka eka xitirhisiwa xa movha, vukulu bya xifaniso lexi dawunilodiweke byi ntsongo swinene ku tlula eka khompyuta ya le tafeni.
• Vukulu bya xihlovo xa xifaniso lexi fanaka bya cinca loko xi layicheriwa eka switirhisiwa swo hambana.
  Loko swifaniso swa masungulo swi tshama swi dawunilodiwa, xivangelo lexi tolovelekeke hileswaku theme/builder yi teka xifaniso tanihi xifaniso xa le ndzhaku xa CSS kumbe vuhumelerisi byo hlawuleka, hi mukhuva wolowo yi tlula vuswikoti bya layiburari ya midiya byo va na tisayizi to hambanahambana na ntirho wa srcset.

5. Xana “generated WebP/AVIF” swi vula leswaku frontend yi humesa WebP/AVIF?

A swi fani na.
Ku tumbuluxa i ku hetisa ntsena “xiyenge xa tifayili”; leswaku frontend yi humesa WebP/AVIF swi titshege hi swivangelo swo fana na ku tsala nakambe, maqhinga ya tithagi ta swifaniso, ku tirhisiwa ka cache, na leswaku mbulavurisano wa browser wu tirha. Loko u hetile, u fanele ku “kamberisisa tinxaka ta switirhisiwa swa swifaniso swo hlayanyana”.

6. Hi xihi xikhombo hi xiviri xa WebP kumbe AVIF? Xana ndzi nga hundzula hinkwaswo eka layiburari hi ku thlava kan'we ntsena?

Ntlhava wa khombo wa kona a hi “compression”, kambe iKu cinciwa ka xiyimo xa ku rhurhisiwa ka rifuwo：

• Loko ku endliwa vuhumelerisi bya xiyimo xa le henhla, ID ya fayili ya xifaniso xa masungulo yi nga tsariwa ehenhla, fayili ya masungulo yi susiwa, naswona ti-URL leti nga endzeni ka leswi nga endzeni swi siviwa.
  HikokwalahoA swi tsundzuxiwi ku siva database hinkwayo hi xihatla.Xo sungula, endla nkambelo wa xikalo lexitsongo (rekhodo ta makume ku ya eka madzana) + tiyisisa leswaku tibakapu ti kumeka u nga si ehleketa hi ku tirha hi dayitabeyisi hinkwayo.

7. Ndlela yo hlawula exikarhi ka tindlela timbirhi ta Plus WebP: Hlayisa xifaniso xa masungulo kumbe Siva na ku susa xifaniso xa masungulo?

Hi marito yo olova:

• Modo 1: Hlayisa xifaniso xa masungulo + tumbuluxa khopi ya WebP/AVIF (yi tshamisekile swinene)Swo olova ku tlherisela endzhaku, kambe ndhawu ya disk yi ta andza (xifaniso xo sungula + fomati leyintshwa + swifaniso switsongo swa tisayizi to hambana-hambana).
• Muxaka 2: Siva ni ku susa xifaniso xo sungula (hi matimba swinene)Ku andzisa disk a swi olovi, kambe loko u cinca switirhisiwa na swikombo hi nkarhi wun'we, ntsengo wo lulamisa swiphiqo swa ku fambisana wu tlakuka swinene.
  Loko webusayiti yi rharhangana swinene (e-commerce/ti-plugin to tala/tisayizi to hambana-hambana), swa antswa swinene ku sungula hi maendlelo yo tiya swinene.

8. Xana ku pfinyeta ka le ndzeni ka mahala ka EWWW Image Optimizer ku enele? Xana swi nga yi tikisela server?

EWWW swi fana ngopfu na “thulusi ra ndhawu ro pfinya”: yi tirhisa CPU/IO.
Swa toloveleka leswaku ndzhwalo wu engeteleka loko ku endliwa ku antswisa hi mintlawa. Leswi a swi vuli leswaku maendlelo a ma ringanelanga, kambe swi vula leswaku kungu ri fanele ri faneleka: tirhisa hi mintlawa, hi nkarhi lowu ku nga riki na ntirho wo tala, naswona u hlawula ku rhwala ndzhwalo kumbe ku tirhisa switshunxo swa cloud loko swi laveka.
Loko u lava xitshunxo lexi nga riki na swikarhato kumbe u langutane na swipimelo swa switirhisiwa swa server, Route B yi tirhisa server hi vutlhari swinene.

9. Tikirediti ta 100 ta mahala ta ShortPixel hi nhweti – ha yini swi vonaka onge ti herile endzhaku ka swifaniso swi nga ri swingani ntsena?

Hikuva Tikirediti a hi “nhlayo ya swifaniso”.”Swi ta endliwa swifaniso leswitsongo, kutani swi kurisiwa swa xitukulwana lexi landzelaka:

• Xifaniso xo sungula + xifaniso xin'wana na xin'wana lexitsongo swi hlayiwa tanihi xikweleti.
• Loko WebP/AVIF yi tumbuluxiwa, vuhundzuluxeri byin'wana na byin'wana lebyi fambisanaka na byona byi ta tirhisa data yo engetela.
  Hikokwalaho u nga ha ehleketa leswaku “xifaniso xin'we” xi nga ha tirhisa kwalomu ka “tikirediti ta tidijiti timbirhi”. ShortPixel

10. Hikwalaho ka yini mpimo wa mahala wa Imagify wa 201 TP234T hi nhweti wu hela hi xihatla swonghasi?

Imagify yi fana ngopfu na “phakeji ya data”:

• Hi ku ya hi rungula ra wenaVukulu bya fayili byo sungulaHunguta xiphemu
• Loko swifaniso swi ri swo tala, na ku tirhisiwa ka data swa andza.
• Ku cinca xiyimo xa compression leswaku u tlhela u antswisa swi ta tirhisa quota nakambe.
• API key yin'we yi tirhisiwa eka ti-site to tala, laha ti-quota na tona ti avelaniwaka hi ku faneleka.
  Hikokwalaho, rungula leri nge “20MB yi ta hela ku nga ri khale” hakanyingi ri vangiwa hi swifaniso leswikulu ngopfu, swifaniso switsongo swo tala ngopfu, kumbe ku ringeta-ringeta loku phindha-phindhiwaka.

11. TinyPNG yi nyika tikhirediti ta 500 ta mahala hi n'hweti, kutani ha yini plugin yi vula leswaku i kwalomu ka swifaniso swa 100 ntsena hi n'hweti? Naswona ha yini yi hunguteka yi va swifaniso swa 50 hi n'hweti endzhaku ko pfulela WebP/AVIF?

Hikuva tikhirediti ta TinyPNG na tona ti kurisiwa hi “size/variant”:

• Ntolovelo, ku nghenisiwa ka WordPress ka ntolovelo ku pfinyata kwalomu ka swifaniso swa 100 hi nhweti.
• Pfumelela ku hundzuriwa ka AVIF kumbe WebP:Sayizi yin'wana na yin'wana ya xifaniso yi ta va na mali yo engetela.Hikokwalaho, swi nga koteka ntsena ku pfinya ni ku hundzula kwalomu ka 50 wa swifaniso hi nhweti (hi ku ya hi nhlayo ya tisayizi ta swifaniso leswitsongo).
  Hikokwalaho, 500 wa tikhirediti a hi 500 wa swifaniso.

12. Xana ku na swifaniso leswitsongo swingani eka sayiti ya mina? Ha yini swi ri na nkucetelo lowukulu swonghasi?

Ku layicha xifaniso eka WordPress swi endla tisayizi to tala; ti-theme/ti-plugin (ngopfungopfu leti ya e-commerce) ti nga engetela vukulu byin'wana.
Tikirediti/ti-kwota ta ku pfinya ka le papeni hi ntolovelo ti hlayeleriwa tanihi “xifaniso xo sungula + swifaniso leswitsongo swi hlanganisiwile”, hikokwalaho, loko nhlayo ya swifaniso leswitsongo yi kula, nkarhi wa ntsengo wa mahala wu ta heta hi ku hatlisa.

13. Xana lazy loading minkarhi hinkwayo yi hatlisisa swilo? Ha yini van'wana va vula leswaku yi nonokisa swilo?

Ku layicha hi ku nonoka swa fanela eka switirhisiwa leswi nga le handle ka xikirini.
Loko xifaniso lexikulu xa nkoka swinene eka xikirini xo sungula na xona xi yimisiwa ku layicha, swi nga nonokisa ntokoto wo sungula wo layicha. Hambi leswi “lazy loading” leyi tolovelekeke ya WordPress 5.5 hi ntolovelo yi amukelekaka, papalata maendlelo lama fanaka eka hinkwaswo.

14. Ndzi lava CDN / Xifaniso xa CDN rini loko ndzi teka Ndlela ya A kumbe B?

Ku pfinyiwa, vukulu na fomati swi hlangavetana na xilaveko xa “tifayili letitsongo, leti faneleke swinene”.
CDN yi tiyisisa ku rhumeriwa loku hatlisaka na loku tshembekaka swinene.。
Loko ku ri na ku hlwela lokukulu hikwalaho ka leswi swifaniso swi tekiwaka eka server ya le kule, ku engetela CDN eka xifaniso xin'wana na xin'wana (xik. Cloudflare Polish / Jetpack Site Accelerator) hi ntolovelo swi endla leswaku ntokoto wu tshamiseka swinene, swi endla leswaku leswi nga endzeni swi olova ku hlaya. Ku hatlisisa ka WordPress CDN。

15. I yini ndlela yo olova swinene yo tiyisisa leswaku swi tirhile hakunene endzhaku ka loko ndzi swi endlile?

Ndlela yo tiyisisa leyi hlayisaka nkarhi swinene:

• Loko u pfuxeta tluka rero hi vumbirhi, xana endlelo ro layicha ri tshamisekile swinene naswona ri hatlisa?
• Xana ku na ku hambana loku vonakaka eka vukulu bya xifaniso exikarhi ka ku layicha eka mobile na desktop (xana srcset/sizes swi tirha kahle)?
• Kambisisa hi xihatla swifaniso swo hlayanyana: Xana ku na tifayili kumbe switirhisiwa swa WebP kumbe AVIF?
• Languta swifaniso swo hlayanyana hi xihatla: kurisa swona ku vona loko swi vonaka swi ri na nkunga swinene kumbe loko matsalwa ma vonaka ma ri na nkunga.