Ukuphuculwa kwemifanekiso yenye yezona nkalo zibuyisa kakhulu kwindlela esebenza ngayo i-WordPress: ngokuba nesakhiwo sephepha esifanayo kunye nethima efanayo, ukulungisa nje ubungakanani befayile yomfanekiso, imilinganiselo, ifomathi kunye nendlela yokuhambisa idatha kunokukhokelela kuphuculo olukhawulezileyo kwisantya sokulayisha.
Nangona kunjalo, ulungiselelo lwemifanekiso lukwalindawo ekulula kakhulu ukuba uphelele wenze umonakalo; isizathu asikokuba itekhnoloji inzima kakhulu, kodwa kungenxa yokuba ulwazi lwahlulahlulwe kakhulu:
Ufunde amanqaku ambalwa waza wafunda nge-“compression”, i-“WebP/AVIF” kunye ne-“lazy loading”, kodwa ke xa ujonga inkcazelo ye-plugin ifunda ngathi “iikhredithi ezili-100 zasimahla ngenyanga”, “20MB zasimahla” kunye “nekhredithi e-1 ngomfanekiso ngamnye”—kwaye okukhona ufunda, kokukhona udideka. Ingaba esi sisetyenziso sasimahla sanele ngokwenene? Iintlawulo zitsalwa njani? Ingaba awuqondanga kakuhle “into enye”? Kwaye okona kubaluleke kakhulu:Ingaba yayisebenza ngenene wakugqiba?
Eli nqaku lenza izinto ezintathu nje kuphela:
- Nali icebiso elisebenzisekayo.Imbonakalo-ndlela(Yintoni yokuqala, yintoni elandelayo)
- Nceda ucacise ngeendlela onokukhetha kuzo ngokweenkcukacha (yintoni kanye kanye eyahlula iinguqulelo zasimahla nezehlawulelwayo, kwaye zeziphi ezilungele bani).
- Nazi iingxaki eziqhelekileyo, zidweliswe kwangaphambili (ukuze ungachithi xesha uzifuna kwaye uzilungisa emva kokuba ugqibile).
1. Iziseko: Okuziswa yi-WordPress, noko ingakuzisiyo.
Ukuba awuqondi kuqala into esele yenziwe yingqikithi yeWordPress, kunokwenzeka ukuba kuvele iimeko ezimbini:
- Endaweni yokusebenzisa “izakhono zasimahla” esinazo, sichithe ixesha nemali siphinda siyila into esele ikho.
- Bendicinga ukuba i-WordPress iza “kuguqula ngokuzenzekelayo zonke iifoto ezindala zibe yi-WebP/AVIF”, kodwa kuye kwafumaneka ukuba ayikwenzi oko.
I-WordPress Core sele iquka ezi mpawu ziphambili:
- Imifanekiso eguquguqukayo (srcset/sizes)Ukususela kwi-WordPress 4.4 ukuqhubela phambili, umongo uza kukhupha imifanekiso.
srcset与sizes... kwaye isebenzisa imifanekiso yobukhulu obahlukeneyo eyenziwe ngexesha lokufaka ukuvumela isikhangeli ukuba sikhethe kwaye silayishe izixhobo ezifanelekileyo kakhulu ngokusekelwe kwiimeko zesikrini. - Ukulayisha okucothayo okwemveloUkusukela kwi-WordPress 5.5, i-lazy loading eyakhelweyo ivulwe ngokuzenzekelayo kwimifanekiso, ngokwemigangatho ye-HTML.
loadingUkuphunyezwa kwepropathi. - Ixhasa ukufakwa kwee-WebPUkusukela kwi-WordPress 5.8 ukuza phambili, ungafaka kwaye usebenzise iifayile ze-WebP ngendlela efanayo nee-JPEGs kunye nee-PNGs (ukuba imeko yakho yokusingatha iyayixhasa i-WebP).
- Ixhasa ukufakwa kwe-AVIFUkususela kwi-WordPress 6.5 ukuqhubela phambili, iifayile ze-AVIF zinokufakwa kwaye zisetyenziswe ngendlela efanayo neefayile ze-JPEG ne-PNG (kuxhomekeke ekuxhasweni yimeko yendawo yokusingatha).
Nceda uqaphele, nangona kunjalo:
“Inkxaso yokufaka/yokusebenzisa” ≠ “uguqulo oluzenzekelayo/uhambiso oluzenzekelayo”.
Ngamanye amazwi: nokuba sele usebenzisa i-WP 6.5, iifayile ze-JPG/PNG ezikwilibhrari yakho yemidiya azizijiki ngokuzenzekelayo zibe yi-WebP/AVIF; kwaye awuzukufumana ngokuzenzekelayo ukusebenza okugcweleyo koku “kukhutha i-AVIF/WebP ngokusekelwe kwizakhono zesikhangeli, kwaye kubuyelwe kumfanekiso wokuqala kwizikhangeli ezingaxhasi oku”—oku kudla ngokufuna i-plugin okanye inkonzo ukuzalisa eso sithuba.
2. Isicwangciso-ndlela: Isikhokelo seenyathelo ezi-5 sokuphucula imifanekiso
Yintoni ekufuneka yenziwe, kutheni, yintoni eyenza impumelelo, kwaye zeziphi iingxaki eziqhelekileyo.
2.1 Fumana “imilinganiselo” ilungile kuqala (eyona nto kulula ukuyihoya, kodwa yeyona iza neenzuzo ezinkulu)
Iiwebhusayithi ezininzi ziyacotha kungekhona ngenxa yokuba azilungiswanga kakuhle, kodwa kungenxa yokubaKukhutshwe umfanekiso omkhulu kakhulu kunendawo yokubonisa.:
Umzekelo, ukuba iphepha eneneni bububanzi obuyi-900px kuphela kodwa wenza iindwendwe zikhuphele umfanekiso wokuqala oyi-3000px, isikhangeli siya kusikhuphela simenze sincinci ukuze sibonakale. Oku kuchitha i-bandwidth, kwandisa ixesha lokuhumusha kwaye kucothisa ixesha elithathwayo ukuze umboniso wokuqala ulayishe.
Kwi-WordPress 4.4 nangaphezuluIndlela yokusebenza yemifanekiso esabelayo(srcset/sizes) yenzelwe ngokukodwa ukulungisa lo mba.
Yintoni eyenza ipasi:
- Xa iphepha lijongwe kwisixhobo esiphathwayo, imifanekiso ekhutshelweyo kufuneka ibonakale incinci kakhulu kunaleyo ikwidesktop.
- Ubungakanani befayile bomfanekiso ofanayo buyahluka ngokuxhomekeke kwisixhobo (kunokuba kuhlala kukhutshelwa umfanekiso wokuqala)
Iingxaki eziqhelekileyo:
- Ezinye i-themes okanye abakhi baziphatha iifoto njengeefoto zangasemva ze-CSS okanye bazivelisa ngendlela eyenzelwe wona, nto leyo enokuthi igqithe
srcset, nto leyo ebangela ukuba umfanekiso omkhulu uqhubeke nokulayishwa - Ukuba usebenzisa iinkonzo zokugcina imifanekiso zangaphandle okanye izithintelo zemifanekiso zomntu wesithathu, unokukwazi ukudlula kwinkqubo yobukhulu obuninzi eyenziwe yilayibrari yemidiya.
2.2 Ukucudisa (ukunciphisa ubungakanani befayile ngaphandle kokonakalisa umgangatho)
Ingqondomhala yokucinezela ayikokuba “okuncinci kungcono”, kodwa kungenxa yokuba “umahluko awubonakali lula ngamehlo, kodwa ubungakanani befayile buncitshiswe kakhulu”.
Imithetho yile:
- Iifoto/Imifanekiso yokwenyani (yabantu, yeemveliso, yemihlaba): Khetha kuqala i-lossy compression (eyona nzuzo inkulu)
- Iifoto zeskrini/imifanekiso enombhalo omninziSebenzisa uxinzelelo olulawulwayo ngakumbi ukuthintela umbhalo ukuba ungabonakali ngokungacacanga.
- Uphawu/Umfanekiso omncinci: Beka phambili i-SVG okanye usebenzise i-lossless compression ngononophelo (i-lossy compression ingabangela ngokulula imiphetho engacacanga)
Yintoni eyenza ipasi:
- Ubungakanani beefayile bezona mifanekiso zininzi zamaphepha buye bancitshiswa kakhulu.
- Akukho sandi siqaphelekayo, imiphetho engacacanga, imigca yemibala okanye umbhalo ongacacanga.
2.3 WebP / AVIF (Umgaqo-nkqubo wefomathi: ubungakanani befayile obuncinci kwinqanaba elifanayo lokucaca)
I-WordPress ngoku iyakwazi ukufakwa kweefayile. WebP (5.8) kunye ne-AVIF (6.5)。
Nangona kunjalo, ukuze “ifomathi yesizukulwana esilandelayo” isetyenziswe ngokwenene, ngokwesiqhelo kufuneka zisonjululwe imiba emibini:
- Ungayiguqula njani ngobuninzi ilayibrari yemidiya yamandulo(Kungenjalo, uya kube ulungelelanisa kuphela “imifanekiso emitsha eza kufakwa kwixesha elizayo”)
- Mna yenze ikopi okanye nditshintshe umfanekiso wokuqala?(Eli lihloko elibaluleke kakhulu; siza kugxila kamva kwinto ye-Plus WebP yokutshintsha nokucima umfanekiso wokuqala.)
Indlela ecetyiswayo:
- I-WebP: Ngokubanzi lukhetho olumiselweyo (inika ukusebenzisana okuthembekileyo ngakumbi)
- AVIF: Inyathelo elongezelelweyo lokucinezela, elifanelekileyo kwimifanekiso emikhulu, imifanekiso emikhulu kwiscreen sokuqala, kunye nemifanekiso yegalari (kodwa ngaphezuluUkuxhomekeka kwinkxaso yendalo)
2.4 Sebenzisa i-lazy loading ngokuchanekileyo (musa ukusebenzisa indlela enye kuyo yonke into)
Ukususela kwi-WordPress 5.5 ukuqhubela phambiliUkulayisha okucothayo okuzenzekelayoUmfanekiso.
Iyanciphisa ukusetyenziswa kwebhendi-iphini ngexesha lokuqala lokubonisa umfanekiso:
- I-lazy loading ifanelekile kwizibonelelo ezingaphandle kwesikrini.“
- Umfanekiso omkhulu ongasentla kwephepha (owolona uhlala ubaluleke kakhulu kwiscreen sokuqala) ngokubanzi awufanelekanga ukulayishwa kamva.
2.5 Umaleko wokuhambisa: CDN / Umfanekiso CDN
Ukucudiswa, ubungakanani befayile kunye nefomathi zonke zinjongo yazo kukwenza iifayile zibe ncinci kwaye zilungele ngakumbi.
Nangona kunjalo, ukuba imifanekiso isoloko ifunyanwa kwi-server yomthombo kumgama omde, ukulibaziseka kwe-network kuya kusaphazamisa kakhulu amava omsebenzisi. Kwiimeko ezinje, kufuneka isisombululo se-“delivery layer” (CDN/image CDN).
Iindlela ezimbini eziqhelekileyo:
- Cloudflare yasePoland:Amaxwebhu eCloudflareEli candelo lenza ingqokelela yeendlela zokucinezela ezifumanekayo ngePolish (ezingalahlekeliyo, ezilahlekelayo kunye neWebP), kwaye likhankanya ukusetyenziswa kwe
format=autoIifomathi zeWebP neAVIF ziyavunyelwa. - Isikhawulezisi seSayithi seJetpack:Amaxwebhu e-JetpackOku kuthetha ukuba iza kuphucula imifanekiso ize izisasaze ngenethiwekhi yayo kunye nezixhobo ezingaguqukiyo.
Ukulungiswa kwemifanekiso kuqinisekisa ukuba imifanekiso iyancitshiswa ngobukhulu kwaye iguqulwe ubukhulu ngokufanelekileyo,CDN: Ukuzisa ngokusondeleyo nangokuthembeke ngakumbi
3. Ukukhetha indlela: Landela kuphela iindlela ezimbini eziphambili.
Eyona mpazamo ixhaphakileyo kulungiselelo lwemifanekiso asikokuba “ungafakanga i-plugin”, kodwa kukufaka ii-plugins ezininzi kakhulu, nto leyo ekhokelela ekuphathweni okuphindaphindiweyo:
U-A uyacinezela, no-B naye uyacinezela; u-A uguqula aye kwi-WebP/AVIF, no-B wenza okufanayo; u-A utshintsha ii-URL, no-B wenza ukubhalwa ngokutsha kwee-URL—ekugqibeleni, nawe awuyazi nokuba kwenzeka ntoni kanye kanye kwesi siza.
Imithetho:
Namathabela kwindlela enye: nokuba yindawo yokugcina yasekuhlaleni yasimahla ngokupheleleyo, okanye enye yeendlela ezintathu zokucinezela kwi-cloud.
- Indlela A (yasekhaya yasimahla ngokupheleleyo):Ukongeza i-WebP okanye i-AVIF + i-EWWW Image Optimizer(okanye khetha enye kuphela)
- Inketho B (Khetha enye yeendlela ezintathu zokucinezela i-cloud):ShortPixel / Imagify / TinyPNG
3.1 Inketho A: I-hosting yasekuhlaleni yasimahla ngokupheleleyo (Kunye ne-WebP okanye i-AVIF okanye i-EWWW)
Iimpawu eziphambili zale ndlela zezi:
- Awuxhomekekanga kwiinkonzo zokucinezela zomntu wesithathu ezihlawulisa ngokwekhwota yenyanga okanye ngokwefayile nganye (nangona ezinye iimpawu zisenokufumaneka njengeenkonzo onokuzikhetha)
- Ingxaki yile yokuba ukusetyenzwa kwamaqela kunokubeka umthwalo omkhulu kwi-server (i-TP e-1 nge-I/O ezili-199), nto leyo efuna ukuba ujonge ngokusondeleyo “istrateji kunye nomngcipheko”.”
3.1.1 Ukongeza iWebP okanye iAVIFIngqikelelo esisiseko yile “yokudala/yokutshintsha”; ayisiyonto “yokucinezela” ngokwentsingiselo yesiqhelo.”

- Xa kwenziwa iseti epheleleyo yemifanekiso:I-ID yefayile yomfanekiso wokuqala iza kubhalwa phezu yifayile ye-WebP/AVIF, ifayile yokuqala iza kucinywa, kwaye naziphi na ii-URL ezikwimixholo nazo ziza kutshintshwa.。
- Le plugin ibonelela ngemiyalelo ye-WP-CLI kwaye icebisa ukuba i-WP-CLI ithembeke ngakumbi xa kusetyenzwa ngenani elikhulu leefayile.
Oku kuthetha ukuthi: ayivelisi nje “ifayile ye-WebP ngokuzolileyo kuwe”, kodwa kunoko isenokuba yiUkudluliselwa kwempahla(ingakumbi ukuba uvule ukhetho oluthi “Thatha indawo uze ususe oyintiyo”.)
Umahluko phakathi kweendlela ezimbini
Inketho 1: Gcina umfanekiso wokuqala + yenza iikopi ze-WebP/AVIF (ithembeke ngakumbi)
- Inzuzo: Kulula ukubuyela umva ukuba kuvela iingxaki zokungahambelani.
- Ingxaki: Ukusetyenziswa kwediski kuya kwanda (umfanekiso wokuqala + ifomathi entsha + iisayizi ezininzi zeethumbnail)
Indlela yesi-2: Tshintsha kwaye ususe umfanekiso wokuqala (ngokugqithisileyo)
- Iinzuzo: Idiski ayizukuzala ngokukhawuleza; amakhonkco angaphakathi aguqulwa ngokuzenzekelayo aye kwifomathi entsha.
- Ingozi: Ukuba utshintsha zombini i-asethi kunye nezalathiso zazo, ukulungisa iingxaki zokungahambelani kuya kubiza kakhulu (ingakumbi apho iinkqubo zangaphandle okanye ulwazi lwethimu zixhomekeke kwamagama eefayile, iindlela okanye iifomathi zantlandlolo).
Isindululo
Phambi kokuba ukhethe u-“Tshintsha kwaye ucime oyintiyo”, qala wenze uvavanyo oluncinci kuqala kwaye uqinisekise ukuba unayo i-backup ekhoyo; musa ukutshintsha yonke i-database ngoko nangoko.
Iingxaki eziqhelekileyo nge-WebP okanye i-AVIF
- Emva kokutshintsha ilayibrari ngokupheleleyo, imifanekiso kwamanye amaphepha ayibonakali kakuhle.
Unobangela udla ngokungabi yeyokuba “umfanekiso waphukile”, kodwa kungenxa yokuba kukho into engahambanga kakuhle ndaweni ithile kuloo nkqubo—njengotshintsho lwe-URL, i-caching, okanye umgaqo-nkqubo wemifanekiso emincinci. - Okukhona kukho ii-thumbnails ezininzi, kokukhona iinguqu zibanzi ngakumbi.
Ukulayisha umfanekiso kwi-WordPress kuvelisa iisayizi ezininzi; iithimu neeplagins zinokongeza nezinye ezininzi. Ukutshintsha ngokupheleleyo kuthetha ukuba usenokuba uhlela iseti enkulu kakhulu yeefayile. - Ukuguqula ifomathi kuphela akusoloko kukhokelela kubungakanani befayile obona buncinci.
Iifayile zeWebP neAVIF ngokubanzi zincinci, kodwa “iindlela zokulinganisa ubungakanani” kunye “neendlela zokucinezela” zisabaluleke kakhulu. Musa ukuphatha i-Plus WebP njenge “sisombululo sokucofa kanye” sokwenza ukuba izinto zilayishe ngokukhawuleza.
3.1.2 EWWW Isilungisi Somfanekiso: Umboneleli okhokelayo we-compression yasekuhlaleni yasimahla

Iphepha le-plugin ye-EWWW linenjongo ecacileyo kakhulu:
- Inokuphucula imifanekiso kwiseva yakho isebenzisa izixhobo ezahlukeneyo (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, njl.njl.).
- Ukuba ufuna i-compression ephezulu okanye unqwenela ukonga kwi-CPU, ungakwazi nokufaka umthwalo wokuqhuba okusebenzisa i-CPU kwi-server yabo (akunyanzelwanga).
Yeyiphi indima ekufuneka i-EWWW iyidlale kwi-Route A?
Ukuba usebenzisa i-Plus WebP “njengeqhinga lokufudusa/lokutshintsha iifomathi”, ngoko i-EWWW ilungele ngakumbi ukuphatha:
- UkuCompressa nokuLungelelanisa iVolyum(ingakumbi ukuphuculwa kwe-asethi ekrwada efana neefayile ze-JPG ne-PNG)
- Ukuphuculwa ngobuninzi kwelayibrari yemidiya yamandulo(Ujolise “ekunciphiseni umthamo” kunokuba “kubekho ukutshintshwa kwe-URL”)
Nceda uqaphele
Ukongeza iWebP 和Yhu! Zonke zinokuguqulelwa kwi-AVIF okanye kwi-WebP.
Sicebisa ukuba ufake enye kuphela kuzo, kuba ukufaka zombini kunokubangela ungquzulwano.
Ingozi eqhelekileyo ye-EWWW
- Umthwalo we-server uyanda ngexesha lokuphuculwa kwesicwangciso esinye.
Oku kungenxa yokuba i-compression yasekuhlaleni isebenzisa i-1 TP kwii-TB eziyi-199 ze-I/O. Isisombululo asikokuyeka ukuyisebenzisa, kodwa kukulungisa ngobuninzi, ngexesha lokungaxinani, kwaye ukhethe ukukhuphela umthwalo okanye izisombululo ze-cloud apho kuyimfuneko. - “I-WebP yenziwe” ayithethi kanye ukuba i-front end iyayiphatha ngokwenene i-WebP.
Ii-plugins ezininzi zisebenza phantsi kwengcinga engeyiyo yokuba ukwenza yinto enye, ngelixa iindlela zokuhambisa (ezinjengokubhala ngokutsha, ii-tags ze-`picture` kunye nokuphelelwa kwe-cache) ziyinto eyahluke ngokupheleleyo. - Iphinda umsebenzi we-plugin enye.
Ukuba ukhetha iNketho A, zama ukuphepha ukusebenzisa iinkonzo ezongezelelweyo zokucinezela kwi-cloud ezifana ne-ShortPixel, Imagify okanye i-TinyPNG; ukuba ukhetha iNketho B, musa ukwenza kusebenze ingqiqo yokutshintsha kwi-Plus WebP. Umgaqo ongundoqo ngulo:Zibophelele kwindlela enye yokwenza izinto.
3.2 Inketho B: Khetha enye yeenkonzo ezintathu zokucinezela iifayile (ShortPixel / Imagify / TinyPNG)
Le yedatha ilungele abo banqwenela ukonga izixhobo zeseva, bakhetha indlela engenazinkathazo yokusebenza ngamaqela, kwaye bekhululekile nendlela yokuhlawula esekelwe kusetyenziso okanye yokuhlawula njengoko usebenzisa.
Nangona kunjalo, eyona ngcinga iphosakeleyo ixhaphakileyo malunga nokucinezelwa kwelifu yile:Isabelo sasimahla asikokufumana nje amaphepha asimahla.Inani leesayizi zemifanekiso emincinci, nokuba iifomathi zeWebP/AVIF ziveliswa, kunye nokuba imifanekiso icinezelwa ngokuphindaphindiweyo, konke oku kuya kuba nefuthe elikhulu ekusetyenzisweni kwezibonelelo.
Ngezantsi, siza kucacisa: umahluko phakathi kweendlela zasimahla nezehlawulelwayo, indlela ekutshaywa ngayo ikhredithi, iingxaki eziqhelekileyo ekufuneka uziphephe, kunye neentlobo zamaphepha-webhu ezilungele kakhulu ezi nkonzo.
3.2.1 iShortPixel: Iikhredithi zasimahla ezili-100 ngenyanga, kodwa ziya kusetyenziswa ngokupheleleyo ziithumbnails kunye nokukhulisa kweWebP/AVIF.

Kutheni zikho iindlela zasimahla nezihlawulelwayo?
Ingcaciso ye-plugin ye-ShortPixel ichaza ngokucacileyo:
- Iikhredithi ezili-100 zasimahla ngenyanga
- Kukwakho “neekhredithi zenyanga ezongezelelweyo ezingenamda” (iinkcukacha zamaxabiso zifumaneka kwiphepha le-plugin)
- Sikwabonelela nangeepakethi zekhredithi ezihlawulelwayo kanye ezingaphelelwa lixesha (kunye nolwazi ngamaxabiso aqalisayo)
Qaphela:
- Simahla: Inani elithile leekhredithi liyafumaneka nyanga nenyanga ukuze lisetyenziswe kwiiwebhusayithi ezilula okanye ukuze kuvavanywe.
- Iphakheji yexesha elinye: Ilungele iisayithi ezinomthombo omkhulu wezixhobo zosasazo ezifuna ukucima uluhlu lwazo lwezinto ezikhoyo ngaxeshanye (ithengwa kanye kwaye isebenza de iphele; ngokwesiqhelo ayiphelelwa lixesha)
- Nyangazonke/Engapheliyo: Ilungele iisayithi ezifuna uhlaziyo lwemifanekiso oluqhelekileyo kunye noqeqesho oluzinzileyo lwexesha elide.
Isiseko solwazi esisemthethweni seShortPixel sikwabonelela ngesikhokelo malunga “nelayisensi yokuhlawula kanye xa kuthelekiswa nelingapheliyo yenyanga”.Ingcaciso ecacileyoIsicwangciso se-Unlimited Monthly sihlawuliswa ngenyanga (okanye ngonyaka), sinikezela ngeekhredithi ezingenamda kunye nomlinganiselo oqinisekisiweyo we-CDN; iikhredithi ezihlawulelwa kube kanye aziphelelwa lixesha, nto leyo ekunika ulawulo olukhulu phezu kokusetyenziswa kwakho njengoko nokuba kufuneka.
Isindululo
- Ukuhlambulula isiza esidala: kugqitywa kuqala ngeepakethe ezizenzeka kanye.
- Uhlaziyo oluqhubekayo: Ilungele ngakumbi izicwangciso zenyanga/ezingenamda (sebenzisa ezingenamda ukuba awufuni kulandelela iikhredithi)
Okona kubalulekileyo: I-credits ze-ShortPixel zibalwa njani?
Amaxwebhu asemthethweni eShortPixel UKB ukuthethe ngqo:
- Xa ulayisha umfanekiso kwi-WordPress, yenza ii-thumbnails ezininzi;
- Ukuphucula umfanekiso omncinci ngamnye kubalwa njengekredithi enye.;
- Ukuba ukhetha ukwenza i-WebP okanye i-AVIF,Inguqulelo nganye ye-WebP okanye ye-AVIF yomfanekiso wokuqala kunye nesithonjana sayo ziya kubalwa njengokubaluleka okongeziweyo.;
- Ungakhetha ukungabandakanyi iithumbnails ezithile kulungiso ukuze unciphise ukusetyenziswa kwekhredithi.
Masithi ulayishe umfanekiso omnye, kwaye itimu okanye iplagin ivelise iithumnbheyili ezisibhozo:
- Lungiselela umfanekiso wokuqala kunye neethumbnails kuphela: 1 (umfanekiso wokuqala) + 8 (iithumbnails) = 9 leekhredithi
- Ukuba nawe ufuna ukuvelisa i-WebP/AVIF: yongeza inguqulelo yesizukulwana esilandelayo kwinganye yazo zozibhozo ezingentla → kunye neekhredithi ezili-9
Ngamanye amazwi, ungacinga ukuba “yomnye umfanekiso” kuphela, kodwa eneneni ingabiza phantse “iikhredithi ezimbini ezipheleleyo”.
Ngoko ke:“Iikhredithi ezili-100 zasimahla” akuthethi “imifanekiso eli-100 yasimahla”.
Iingxaki eziqhelekileyo nge-ShortPixel
- Iikhredithi ezili-100 zasimahla ziya kuphela kungekudala.
Isizathu: Inani elikhulu le-thumbnails + iikhredithi ezongezelelweyo zokuvelisa iifayile ze-WebP/AVIF.
Isindululo:
- Okokuqala, hlola inani leethumnbheyili zesayithi.
- Susa ubungakanani obungeyomfuneko be-thumbnail (lungelelanisa kuphela ubungakanani obuza kusetyenziswa ngokwenene)
- Qala ngokugqiba ngesicwangciso sokucinezela, uze emva koko wenze le nkqubo ngamaqela ukuphepha ukuchitha ixesha ngokuzama-zama.
- Yisebenzise kunye nezinye iiplagini zoguqulo lwefomathi.
Ukuba uvumela ukutshintshwa kwe-Plus WebP kwaye kwakhona ucela i-ShortPixel ukuba ivelise kwaye ifake iithegi zesizukulwana esilandelayo, ingqiqo iya kuphakathisana, nto leyo eyenza ukulungisa iingxaki kube nzima ngakumbi. NgeNketho B, i-ShortPixel iyayenza le nto yodwa. - Bendicinga ukuba xa sele ifakwe, i-frontend iza kuvelisa ngokuzenzekelayo iifayile zeWebP/AVIF.“
Iphepha le-plugin ye-ShortPixelIyakwazi ukuguqula iifayile zeWebP nezeAVIF, kwaye inokufaka imifanekiso yesizukulwana esilandelayo kumaphepha angaphambili (umzekelo, ngokusebenzisa iitags).
Nangona kunjalo, kusafuneka ujonge iziphumo wakugqiba.
3.2.2 Yenza umfanekiso ube mncinci: Simahla i-20MB/ngenyanga; ikhwota iyancitshiswa ngokusekelwe “kubungakanani bomfanekiso wokuqala + inani leethumbnails”; ukuphinda kulayishwe kuya kubangela ukuncitshiswa okuphindwe kabini

Indawo yokuhlala yasimahla nendawo
Iphepha leXabiso elisiSemthethweni le-ImagifyKucacisiwe ngokucacileyo:Ii-akhawunti zasimahla zine-quota yenyanga ye-20MB。
Iphepha layo le-plugin likwatsho ukuba iyakwazi uku-compressa, ukulungisa ubungakanani, nokuguqula iifayile zibe yi-WebP/AVIF.
I-quota itsalwa njani?
Amaxwebhu asemthethweni e-Imagify “Ibalwa Njani iNkcazelo yokuSetyenziswa kweQuota?” icacisa ngokucacileyo indlela yokuhlawulisa:
- Inani lezithonjana liyichaphazela indlela ekusetyenziswa ngayo izibonelelo.Umzekelo, ukuba uneesayizi ezili-10 zeethumbnail, ukwenza umfanekiso omnye ube ngcono kuya kukhokelela ekubeni kwenziwe imifanekiso eli-11 ibe ngcono (umfanekiso wokuqala kunye neethumbnail ezili-10), yonke le mifanekiso iya kubalwa kwikota yakho.
- Nciphisa isabelo ngokusekelwe kubungakanani befayile yoqobo.Umzekelo, ukuba ulayishe umfanekiso we-100KB kwi-Imagify, i-100KB iya kutsalwa kwikota yakho.
- Ukuguqula inqanaba lokucinezela nokuphinda kulungiselelwe okona kulungileyo kuya kuphinda kusebenzise ikhwota.。
- Isitshixo se-API esinye singasetyenziswa kwiisayithi ezininzi, kodwa umlinganiselo wabelwana ngawo phakathi kwazo.
Le yindlela esisiseko ye-Imagify:
Kufana ngepakeji yedatha: okukhona ulayisha kakhulu, kokukhona isebenzisa idatha eninzi; okukhona wenza iithumbnails ezininzi, kokukhona isebenzisa idatha eninzi; kwaye ukuba uhlala ucinezela iifayile ngokuphindaphindiweyo, iza kusebenzisa idatha ngokuphindaphindiweyo.
Umzekelo ocacileyo wemiqathango ye-Imagify.
Masithi ulayishe umfanekiso wokuqala we-800 KB, kwaye le sayithi ivelise ii-thumbnails ezisi-8.
- Xa u-optimisa nge-Imagify, zombini “umfanekiso wokuqala kunye neethumbnails ezisi-8” ziyabandakanywa (ukuba ukhetha “Optimise all”), nto leyo ethetha ukuba lo msebenzi uza kusebenzisa isabelo esifikelela phantse 'kubungakanani obupheleleyo bofayile zonke ezi'.
Yiyo le nto ezinye ii-sites zifumanisa ukuba ikhwota yazo ye-“20MB” iphela ngokukhawuleza: ayikho into yokuba i-Imagify ayonelanga, kodwa kungenxa yokuba imifanekiso oyilayishayo inkulu kakhulu, wenza ii-thumbnails ezininzi kakhulu, kwaye usenokuba uphinda-phinda uzama amanqanaba ahlukeneyo okucinezela.
Iingxaki eziqhelekileyo ze-Imagify
- I-Free 20MB ayonelanga ukwenza “ukucocwa kwembali yendawo epheleleyo”
I-20MB ngokubanzi ilungele ngakumbi ukuvavanya nokwenza uhlaziyo oluncinci; ukuba ingqokelela yakho yemidiya sele inkulu, ukuyicima yonke ngaxeshanye kunokufuna ukuba uphucule. - Ukulungisa rhoqo inqanaba lokucudisa kukhokelela ekubeni ikhota iphele rhoqo.
Imagify: Ingcaciso ecacileyoUkuphinda kulungiswe kuya kuphinda kusebenzise ikhwota.
Sicebisa ukuba uchaze “isicwangciso” ngokucacileyo kweli phepha:
- Qala ngokusebenzisa imifanekiso embalwa ukumisela inqanaba lokucudiswa kunye nomgangatho wokubonakala.
- Nje ukuba isicwangciso sigqityiwe, sisebenzise ngamaqela.
Phepha ukuzama noku-fosa kuyo yonke idathabheyisi.
- Ukwabelana ngesitshixo se-API esinye kumaziko amaninzi kubangela ukuba iikota zinciphe ngendlela engaqondakaliyo.“
Ukuba usebenzisa i-API key enye kwiisayithi ezininzi, iikota ziya kwabelwana.
Ngoko ke, kwiimeko zeqela okanye zeendawo ezininzi, kungcono ukucacisa ukuba zeziphi iindawo ezisebenzisa izixhobo ngokubambisana kwaye zeziphi ezisebenza zodwa, ukuphepha ukugqithisa uhlahlo-lwabiwo-mali.
3.2.3 TinyPNG(Tiny Compress Images): Iikhredithi zasimahla ezingama-500 ngenyanga; ukuguqula kube yi-WebP/AVIF kubiza ikhredithi eyongezelelweyo enye ngobukhulu ngabunye.“

Iibhonasi zasimahla nendlela ezibalwa ngayo
Iphepha le-plugin ye-TinyPNG ye-WordPress libhalwe ngokucacileyo kakhulu:
- Iikhredithi ezingama-500 zasimahla nyanga nenyanga
- Kufakelo oluqhelekileyo lweWordPress, mhlawumbi ungakwazi ukucinezela Malunga nemifanekiso eyi-100 ngenyanga
- Nangona kunjalo, ukuba uguqulo lwe-AVIF okanye lwe-WebP luvuliwe:Ubungakanani bomfanekiso ngamnye buza kuxabisa ikhredithi enye eyongezelelweyo., ngoko ke ndicinga ukuba ekuphela kwendlela kukuyicinezela nokuyiguqula. Malunga nemifanekiso engama-50 ngenyanga(Kuxhomekeke kubungakanani obungaphi obukwaziyo ukububonisa.)
Okwangoku, iTinify (umphuhlisi weTinyPNG neTinyJPG) nayo ikwenze Iphepha leXabiso le-APINceda uqaphele: Bhalisa ukuze ufumane i-compressions zasimahla eziyi-500 ngenyanga; xa olu nani lugqityiwe, uza kuhlawuliswa ngokwenani le-compressions eziphumeleleyo, kwaye akukho bhaliso linyanzelekileyo.
Ukushwankathela indlela i-TinyPNG esebenza ngayo ngesivakalisi esinye:
Ibalwa ngeekhredithi; okukhona usebenzisa iisayizi ezininzi zeethumbnail kwaye okukhona uvula i-WebP/AVIF, kokukhona iikhredithi zakho ziya kusetyenziswa ngokukhawuleza.
Umzekelo olula ukuqondeka weekhredithi zeTinyPNG
Masithi isayithi yakho ivelisa iisayizi ezisibhozo zeethumbnail kumfanekiso ngamnye:
- Ukucudiswa kuphela: Umfanekiso wokuqala + iithumbnails ezi-8 → kufuneka iikhredithi ezili-9
- Ukuba uguqulo lwe-WebP/AVIF luvuliwe: isikredithi esongezelelweyo siza kutsalwa kwisayizi nganye → oku kunokuphantse kuphinde kabini isixa esipheleleyo.
Oku kuyangqinelana nenkcazelo ekwiphepha le-plugin: xa i-conversion ivuliwe, umlinganiselo wasimahla utshintsha ukusuka malunga “kwi-100 ngenyanga” ukuya “kwi-50 ngenyanga”.
Iingxaki eziqhelekileyo ngeTinyPNG
- Bendicinga ukuba iikhredithi ezingama-500 zithetha imifanekiso engama-500.
Hayi. Kuyahlawulwa ngokwe-“ubungakanani bomfanekiso/uhlobo”. Iphepha le-plugin lichaza ngokucacileyo ukuba “uguqulo luza kuxabisa ikhredithi eyongezelelweyo enye kubungakanani ngabunye bomfanekiso”. - I-plugin yomxholo/yorhwebo lwe-intanethi ivelisa ubungakanani obuninzi bemifanekiso, kwaye umlinganiselo wasimahla wehlile kakhulu.
Okukhona kukho imilinganiselo emininzi, kokukhona kulula ukuba iikhredithi ziphele. - Emva kokuqalisa uguquko, ndifumanise ukuba umda wam wetyala uphelile ngequbuliso.
Ayibug; yindlela esebenza ngayo inkqubo yokuhlawulisa.
Iingcebiso zobuchule:
- Ukuba isigaba sasimahla siyenzelwe ikakhulu ukucinezela nokunciphisa ubunzima, ungqala ngokusebenzisa ukucinezela kuphela. Nje ukuba uqinisekisile ukuba isakhiwo sesiza sizinzile kwaye ngokwenene udinga isizukulwana esilandelayo, ungaluqalisa uguquko.
4. Iingcebiso ngokwemeko: Indlela yokukhetha iintlobo ezahlukeneyo zee-webhusayithi
Nangona zonke zisebenzisa i-WordPress, iingxaki ezinxulumene nemifanekiso zahlukile phakathi kweesayithi zomxholo, iisayithi zokuthengisa nge-intanethi, iiphotifoliyo kunye neesayithi zobulungu.
4.1 Iisayithi zomxholo/iiblogi (ezinomfanekiso omninzi namanqaku, ezihlaziywa ngokulinganiselweyo)
Iingcebiso eziphambili:
- Isicwangciso Sokulinganisa (Inyathelo 1)
- Ukucinezela (Inyathelo lesi-2)
- WebP (Inyathelo lesi-3)
Indlela efanelekileyo ngakumbi:
- Ukuba ufuna indlela elula: khetha enye kwezintathu ezikwiNketho B (ShortPixel / Imagify / TinyPNG)
- Ukuba ufuna inketho yasimahla: Route A (Plus WebP + EWWW), kodwa sicebisa ukuqala nge-“Conservative Mode (ungazicimi iifoto zantlandlolo)” ukuze uqale uvavanye iingozi.
Iingxaki eziqhelekileyo:
- Umfanekiso we-header kwiphepha lenqaku mkhulu kakhulu, kwaye indlela yokulayisha kancinci ayiphunyezwa kakuhle.Iza kucothisa isikrini sokuqala.
4.2 Iiwebhusayithi ze-e-commerce/zeemveliso (ezineefoto ezininzi ezincinci neentlobo ngeentlobo zemifanekiso; uzinzo lubaluleke kakhulu)
Eyona ngxaki ixhaphakileyo kwi-e-commerce ayikokuba “umgangatho wokucudiswa uphantsi”, kodwa kungenxa yokuba “imilinganiselo ethile ayichanekanga emva kokuphuculwa, iithumnile ziyantywila, okanye iinxalenye ze-front-end azikwazi ukufumana imifanekiso”.
Iingcebiso eziphambili:
- Qala ngononophelo: sebenzisa isicwangciso sokucinezela esilondolozayo; musa ukutshintsha yonke idathabheyisi kwangoko.
- Ukuvavanya ubungakanani be-thumbnail: Iitimu ze-e-commerce zidla ngokuvelisa ubungakanani obuninzi, nto leyo enokwandisa kakhulu ukusetyenziswa kwedatha (oku kuqatshelwa ngakumbi nge-ShortPixel ne-TinyPNG).
- Qala ngovavanyo oluncinci kuqala, uze emva koko ulwazise kubantu abaninzi (oku kubaluleke kakhulu).
Indlela efanelekileyo ngakumbi:
- I-Option B isoloko ilukhetho olungenazinkathazo: I-ShortPixel, i-Imagify kunye ne-TinyPNG zonke zixhasa ukulungiswa kwamafayile ngobuninzi; eyona nto ibalulekileyo kukuba uqonde inkqubo ye-quota kwaye uhlolisise iindleko kwangaphambili.
- Inketho A nayo yamkeleka, kodwa kufuneka uqaphele kakhulu indlela i-Plus WebP eziphatha ngayo “ngokubhala phezu kwee-ID, ukucima imifanekiso yoqobo nokutshintsha ii-URL”: njengoko oku kubandakanya ukufuduswa kwempahla, akukhuthazeki ukuba wenze utshintsho olupheleleyo kwangoko.
4.3 Iipothifoliyo/iiwebhusayithi zokufota (apho umgangatho wemifanekiso ubaluleke kakhulu, iifayile zinkulu, kwaye ukubonakala okuhle kubaluleke kakhulu)
Iingcebiso eziphambili:
- Iqhinga Lokulinganisa (Ulawulo Lwendawo Yokubonisa)
- Iqhinga lokucinezela (kungcono ukuba neefayile enkudlwana kancinci kunokuphulukana neenkcukacha)
- WebP/AVIF (iinzuzo zicacile kwimifanekiso emikhulu, kodwa umgangatho wokubonakala kufuneka uqinisekiswe)
Indlela efanelekileyo ngakumbi:
- Yenza umfanekiso ube mncinci: Njengoko ikhwota isuswa isekelwe “kubungakanani bomfanekiso wokuqala”, olu hlobo lwendawo yewebhu lwenza kube lula ukugcina iindleko zingaphantsi kolawulo (uyazi ngokungqinelayo ukuba umfanekiso ngamnye omkhulu uza kubiza malini), kodwa kufuneka uphephe ukuphinda uwasicinezele ngokuphindaphindiweyo.
- iShortPixel: Ukuba azikho iisayizi ezininzi zeethumbnail, iikredithi zilula; kodwa, ukuba wenza iisayizi ezininzi kunye neenguqulelo zesizukulwana esilandelayo, ukusetyenziswa kweekredithi kuya kwanda kakhulu, ngoko ke kuza kufuneka ucwangcise kwangaphambili.
5. Umlinganiselo vs. Ukuhlawuliswa: Ukujonga ngokucokisekileyo ukuba umlinganiselo wasimahla uyonele na
Yeyiphi enika ixabiso elingcono ngemali, kwaye isilingo sasimahla siya kuthatha ixesha elingakanani?
5.1 Iimodeli ezintathu zokuhlawulisa
- iShortPixel(Imbeko)Iikhredithi zibalwa ngokusekelwe “kumfanekiso wokuqala kunye nenani leethumbnails”; ukwenza iifayile ze-WebP/AVIF kuya kubangela intlawulo yekhredithi eyongezelelweyo kwinguqulelo nganye ehambelanayo.
- Yenza umfanekiso ube mncinci(Umlinganiselo we-MB)I-quota iyancitshiswa isekelwe “kubungakanani befayile yoqobo”; okukhona kukho ii-thumbnails ezininzi, kokukhona kusetyenziswa i-quota eninzi; ukucudiswa kwakhona kuya kubangela ukuncitshiswa okungakumbi kwe-quota.
- TinyPNG(Imbeko): Iikhredithi ezingama-500 ngenyanga; ukuvumela uguqulo lwe-WebP/AVIF kuza kubiza umrhumo owongezelelweyo ngobukhulu bomfanekiso ngamnye.
5.2 Iindlela zokuqikelela ezikhawulezayo
Ungaluqikelela ngolu hlobo:
- Khetha nayiphi na “imifanekiso yakho yokuqala ohlala uyilayisha” uze ujonga ubungakanani bayo obuqikelelwayo (umz. 300KB / 1MB / 3MB)
- Kuxhomekeke ekubeni sisixa esingakanani sama-thumbnail esidla ngokuveliswa yisayithi yakho (umz. 5, 10 okanye 20).
- Gqiba ukuba ufuna ukuvelisa i-WebP/AVIF na (Ewe/Hayi)
Emva koko sebenzisa “ubalo lwengqondo” olungezantsi ukuze uqonde ukusetyenziswa:
- iShortPixelUmfanekiso ngamnye ≈ iikhredithi eziyi-1 + inani leethumbnails; ukuba i-WebP/AVIF idalwe, ≈ phinda-phinda loo nani kabini (kuba iinguqulelo zesizukulwana esilandelayo nazo zifuna iikhredithi)
- Yenza umfanekiso ube mncinciI-quota yomfanekiso ngamnye imalunga ne (ubungakanani bomfanekiso wokuqala + ubungakanani obupheleleyo bazo zonke ii-thumbnails); ukutshintsha izinga lokucudisa nokucudisa umfanekiso kwakhona kuya kubangela ukuncitshiswa okongezelelweyo kwi-quota.
- TinyPNG: Iikhredithi zasimahla eziyi-500; ukuba isayithi yakho ivelisa iisayizi ezininzi zemifanekiso ngomfanekiso ngamnye kwaye uguqulo lwemifanekiso luvuliwe, inani lemifanekiso yasimahla liza kuhla kakhulu (iphepha le-plugin linika uqikelelo olusondeleyo lwe-“malunga ne-100 ngenyanga” kunye ne-“malunga ne-50 ngenyanga”)
6. Isibhengezo soMngcipheko
Ingozi 1: Kuphephe ukuba iiplagini ezininzi zenze umsebenzi ofanayo
Le yeyona “mthombo yentlekele” ixhaphakileyo.”
- Indlela A:Ukongeza iWebP okanye iAVIF + EWWW(Yahlula imisebenzi phakathi kwabo bobabini; musa ukwenza inguqulelo nokuhanjiswa ngaxeshanye, okanye ufake enye kuphela kuzo)
- Inketho B: ShortPixel / Imagify / TinyPNG Khetha enye kwezintathu.(Khetha enye eza kujongana nocinezelo kunye nesizukulwana esilandelayo)
Ingozi 2: Ukongeza, imisebenzi yeWebP ethi “Overwrite ID / Delete Original Image / Replace URL” yenza ukufuduswa kwepropathi.
Ukuphinda ngokufutshane:Ukongeza iWebP Inkcazelo icacisa ngokucacileyo ukuba ngexesha lokuveliswa okupheleleyo, i-ID yomfanekiso wokuqala iya kubhalwa ngaphezulu, ifayile yokuqala iya kucinywa, kwaye i-URL yomxholo iya kutshatyalaliswa.
Oku kuthetha ukuba ayisosilungiso “esincinci esinokurhoxiswa nangaliphi na ixesha”, kodwa lutshintsho kwinqanaba le-asethi.
Isicwangciso esicetyiswayo kufuneka sibe:
- Qala ngovavanyo oluncinci (ukusuka kumashumi ambalwa ukuya kumakhulu ambalwa)
- Qinisekisa ukuba umboniso we-front-end, ii-thumbnails kunye nohlaziyo lwe-cache zonke zisebenza kakuhle.
- Cinga ngokuqhuba inkqubo kwidathabheyisi iphela.
Ingozi 3: Ukusetyenziswa kweqhinga “yamahhala” yokucinezela iifoto kwi-cloud kuxhomekeke kwinani le-thumbnails kunye nokukhethwa kweendlela zesizukulwana esilandelayo.
- iShortPixelIithumbnails kunye neempawu zesizukulwana esilandelayo ziya kuba nefuthe elikhulu kwizikredithi.
- TinyPNGUkwenza i-WebP/AVIF isebenze kuya kubangela ukucuthwa kwekhredithi okongezelelweyo kubungakanani ngabunye bomfanekiso.
- Yenza umfanekiso ube mncinci: Iintlawulo zisekelwe kubungakanani bomfanekiso wokuqala; okukhona kukho ii-thumbnails ezininzi, kokukhona intlawulo iphezulu; ukukhuphela ngokuphindaphindiweyo kuya kubangela iintlawulo ezongezelelweyo
Ingozi 4: “I-WebP/AVIF yenziwe” ayithethi “i-front end iyasebenzisa i-WebP/AVIF”
Abantu abaninzi banoluvo lokuba isayithi yabo ayikhange ikhawuleze ngakumbi emva kotshintsho; unobangela ongundoqo kukuba i-front end isaphatha iifayile ze-JPG/PNG (ngenxa yokungahambelani kwezi zilandelayo: i-caching, i-rewriting, iithegi, okanye i-browser negotiation).
7. Ndingajonga njani ukuba isebenze na emva kokuba ndigqibile?
Iindawo zokujonga ezi-4 ezilula kakhulu:
- Xa uphinda uvuselele iphepha elinye okwesibini, ingaba inkqubo yokulayisha izinzile ngakumbi kwaye ikhawuleza?(Zibonakala kangakanani iziphumo zokugcina idatha nokuphucula ukusebenza?)
- Ingaba kukho umahluko obonakalayo kubungakanani bemifanekiso elayishiweyo kwizixhobo eziphathwayo nakwii-desktop?(Esabelayo)
imithombo/izayizi(ukuba iyasebenza) - Jonga nje imifanekiso embalwa: ingaba ikhona na iifayile/izixhobo ze-WebP okanye ze-AVIF?(Ingaba le sayithi iyasebenzisa ngokwenene isizukulwana esilandelayo)
- Jonga imifanekiso embalwa: sokolisisa ukuze ubone ukuba iyafipha na okanye ukuba umbhalo awucace kakuhle.(Ingaba uxinzelelo lomoya lomelele kakhulu?)
Ukuba zonke ezine zezi ziyasebenza, kuthetha ukuba indlela oyikhethileyo sele isebenza. Okulandelayo, qhubela phambili kwi CDN “Umgangatho Wokuhambisa”...izakuzinza ngakumbi ngokubanzi.
8. Iziphakamiso zokuthatha amanyathelo
- Okokuqala, khetha indlela:
- Ndingathanda ukuyigcina isimahla kangangoko kunokwenzeka.: Ukongeza iWebP okanye iAVIF + EWWW (okanye ufake enye yazo kuphela)
- Ufuna ukonga izixhobo zeseva? Ukuhlawula ngokusetyenziswayo akukho ntswela-ngqondo.Khetha enye yezi: ShortPixel, Imagify okanye TinyPNG.
- Qala ngovavanyo oluncinci (amashumi ambalwa)
- Qinisekisa ukuba yonke into ikulungele phambi kokuba uyicutshungule ngobuninzi.
- Ukuthembeka kokuhanjiswa kufuneka kuphuculwe ngakumbi:Ukufunda Ukwakhawuleza kwe-CDN
Imibuzo Ebuzwa Rhoqo
1. Zingaphi iiplagini ekufuneka ndizifake? Ndingazifaka zonke?
Zama ukunamathela kwindlela enye.
- Inketho A: Plus WebP okanye AVIF + EWWW Image Optimizer (okanye ufake enye yazo kuphela)
- Inketho B: Khetha enye yezi: i-ShortPixel, i-Imagify okanye i-TinyPNG.
Ukusebenzisa ii-plugins ezininzi kwisayithi enye ngaxeshanye ukuze zenze “i-compression, i-conversion kwi-WebP okanye i-AVIF, uhlengahlengiso lwe-URL nokubhala ngokutsha i-delivery” yeyona ndlela iqinisekileyo yokwenza umonakalo kwaye yeyona inzima ukuyilungisa.
2. Ingaba i-WordPress ayisaxhasi i-WebP/AVIF? Ingaba ndisadinga i-plugin?
Kubalulekile ukwahlula phakathi kwezi zinto:
“Inkxaso yokufaka/yokusebenzisa” ≠ “uguqulo oluzenzekelayo/uhambiso oluzenzekelayo”.
I-WordPress 6.5 ayizukuguqula ngokuzenzekelayo iifayile ze-JPG/PNG esele zikho zibe yi-WebP/AVIF ngobuninzi, kwaye ayizukusingatha ngokuzenzekelayo yonke inkqubo “yokunikezela nge-AVIF/WebP ngokusekelwe kwizakhono zesikhangeli ize ibuyele kwifomathi yoqobo”. Ukuqinisekisa ukuba ilayibrari yakho yemidiya esele ikho nayo iyahlaziywa, kudla ngokufuneka usebenzise iplagin okanye inkonzo ukuzalisa izikhewu.
3. Xa kuziwa ekuphuculeni imifanekiso, leliphi inyathelo elinika eyona mbuyekezo inkulu kutyalo-mali?
Ngokuqhelekileyo Qala ngokufaka imilinganiselo ngokuchanekileyo (srcset/sizes)。
Iiwebhusayithi ezininzi ziyahamba kancinci kungekhona ngenxa yokuba azicinezanga, kodwa kungenxa yokuba zibonisa iphepha elinobubanzi obuyi-900px kuphela ngelixa zinyanzela abasebenzisi ukuba bakhuphele umfanekiso wokuqala oyi-3000px. Ukucinezela kunokonga iikilobyte ezimbalwa, kodwa “imilinganiselo engachanekanga” iya kubangela ukuba ukhuphele idatha eninzi ngokuphindwe kaninzi ngaphandle kwesizathu esivakalayo.
4. Ndingaqiniseka njani ukuba kulayishwa “inguqulelo encinci”, endaweni yomfanekiso wokuqala?
Qwalasela iziganeko ezibini:
- Xa kujongwe kwisixhobo esiphathwayo, imifanekiso ekhutshelweyo incinci ngokucacileyo kunakwidesktop.
- Ubungakanani befayile bomfanekiso ofanayo buyahluka ngokuxhomekeke kwisixhobo efakwe kuso.
Ukuba imifanekiso isoloko ikhutshelwa ngobukhulu bayo bokwenyani, oku kusoloko kungenxa yokuba itimu okanye umakhi wephepha uphatha umfanekiso njengomfanekiso we-CSS wasemva okanye njengomphumo owenziwe ngokwezifiso, ngaloo ndlela ugqithe inkxaso yelayibrari yemidiya yobukhulu obuninzi kunye ne-`srcset` attribute.
5. Ingaba “i-WebP/AVIF idalwe” ithetha ngokuqinisekileyo ukuba i-front end ikhupha i-WebP/AVIF?
ayilingani no
Ukuveliswa kugqitywa kuphela “kwinqanaba lefayile”; ukuba i-WebP/AVIF iyafunyanwa kwicala lomamkeli kuxhomekeke kwizinto ezifana nokubhala ngokutsha, isicwangciso se-`picture` tag, ukuba i-cache ifunyenwe, kunye nokuba ingxoxo yesikhangeli iyasebenza na. Wakugqiba, kufuneka “ujonge ngokukhawuleza iintlobo zezixhobo zemifanekiso embalwa”.
6. Ziyintoni kanye kanye iingozi ezinxulumene ne-WebP okanye i-AVIF? Ndingakwazi na ukuqhuba uhlolo ngokucofa kanye kuyo yonke i-database?
Ingozi ayikho “kucinezelo”, kodwa ikuUtshintsho kumanqanaba okufuduswa kwempahla:
- Xa kudalwa iseti epheleleyo, ii-ID zeefayile zemifanekiso zantlandlolo zinokubhalwa ngaphezulu, iifayile zantlandlolo zinokususwa, kwaye ii-URL ezikwingxelo zinokutshintshwa.
Ngoko keAsincomeli ukuba kutshintshwe yonke i-database kwangoko.Qala ngovavanyo oluncinci (iirekhodi ezingamashumi ambalwa ukuya kumakhulu ambalwa) uze uqinisekise ukuba unayo i-backup esebenzayo phambi kokuba uqhubele phambili nedatabase epheleleyo.
7. Ndikhetha njani phakathi kweendlela ezimbini kwi-Plus WebP: ukugcina umfanekiso wokuqala okanye ukuthatha indawo nomfanekiso wokuqala uze uwucime?
Ngamafutshane:
- Inketho 1: Gcina umfanekiso wokuqala + yenza iikopi ze-WebP/AVIF (ithembeke ngakumbi): Kulula ukuyibuyisela, kodwa ithatha indawo eninzi kwidiski (umfanekiso wokuqala + ifomathi entsha + iisayizi ezininzi zeethumbnail).
- Indlela yesi-2: Tshintsha kwaye ususe umfanekiso wokuqala (ngokugqithisileyo)Idiski ayikholiseki ukwanda, kodwa ukuba utshintsha i-asethi kunye nezalathiso, ukulungisa iingxaki zokuhambelana kuba nexabiso eliphezulu.
Okukhona isayithi iyinkimbinkimbi (i-e-commerce, ii-plugins ezininzi, ubungakanani obuninzi), kokukhona sicebisa ukuqala ngendlela ezinzileyo ngakumbi.
8. Ingaba ukucutshungulwa kwemifanekiso yasekhaya simahla okunikezelwa yi-EWWW Image Optimizer kwanele? Ingaba kungayibangela intatho-nxaxheba kwiseva?
I-EWWW ifana kakhulu “nesixhobo sokucinezela sasekhaya”: isebenzisa i-TP eyi-1 kunye ne-T/IO eyi-199.
Kuyinto eqhelekileyo ukuba umthwalo wonyuke ngexesha lokuphuculwa kwemigca; oku akuthethi kuthi inkqubo “iyasilela”, kodwa kuthetha ukuba indlela ekusetyenziswayo kufuneka ibe yile ilungileyo: yenza umsebenzi ngemigca, ngexesha lokungaxinani, kwaye ukhethe ukukhuphela umthwalo okanye izisombululo ze-cloud apho kufuneka khona.
Ukuba ukhangela isisombululo esingenazinkathazo, okanye ukuba izixhobo zeseva yakho zilinganiselwe, iNketho B ilungele iseva ngakumbi.
9. I-ShortPixel inika iikhredithi ezili-100 zasimahla ngenyanga, ngoko kutheni ndivakalelwa ngathi ziphelile emva kweemifanekiso nje ezimbalwa?
ngenxa yokuba “Iikredithi” azibhekiseli 'kwinani lemifanekiso', iza kwandiswa ngemifanekiso emincinci kunye nesizukulwana esilandelayo:
- Umfanekiso wokuqala + ikhredithi yomfanekiso ngamnye omncinci
- Ukuba iifayile zeWebP/AVIF ziveliswa, inguqulelo nganye ehambelanayo iya kuhlawulisa iikhredithi ezongezelelweyo.
Ngoko ke into onokucinga ukuba “ngomfanekiso omnye” inokusebenzisa phantse “iikhredithi ezimbini ezipheleleyo”. ShortPixel
10. Kutheni isabelo sasimahla se-Imagify se-20MB/ngenyanga siphela ngokukhawuleza kangaka?
I-Imagify ifana kakhulu “ne-data bundle”:
- Ngokomyalezo wakhoUbungakanani befayile yoqoboSusa kwi-quota
- Okukhona kukho ii-thumbnails ezininzi, kokukhona kusetyenziswa izixhobo ezininzi.
- Ukuguqula inqanaba lokucinezela nokuphinda kulungiselelwe okona kulungileyo kuya kuphinda kusebenzise ikhwota.
- Isitshixo se-API esinye singasetyenziswa kwiisayithi ezininzi, kunye neekhwota ekwabelwana ngazo.
Ngoko ke umyalezo othi “20MB iza kuphela kungekudala” udla ngokubangelwa yimifanekiso emikhulu kakhulu, ii-thumbnails ezininzi kakhulu, okanye ukuzama nokuphazama okuphindaphindiweyo.
11. I-TinyPNG inika iikhredithi zasimahla ezingama-500 ngenyanga, ngoko kutheni le plugin isithi zikho kuphela imifanekiso elingana ne-100 ngenyanga, kwaye kutheni eli nani lehle laba yimifanekiso engama-50 ngenyanga emva kokwenza kusebenze i-WebP/AVIF?
Oku kungenxa yokuba iikhredithi zeTinyPNG nazo ziyandiswa kwicandelo elithi “Dimensions/Variants”:
- Ufakelo oluqhelekileyo lwe-WordPress ludla ngokucinezela imifanekiso emalunga ne-100 ngenyanga.
- Vumela uguqulo lwe-AVIF okanye lwe-WebP:Ubungakanani bomfanekiso ngamnye buza kuxabisa ikhredithi enye eyongezelelweyo., ngoko ke mhlawumbi ndingakwazi ukucinezela nokuguqula malunga nemifanekiso engama-50 ngenyanga (kuxhomekeke kwinani lobukhulu beethumbnail).
Ngoko ke iikhredithi eziyi-500 zilingana nemifanekiso engama-500.
12. Zingaphi iithumbnails ezikwisayithi yethu? Kutheni zinegalelo elikhulu kangaka?
Uku-upload umfanekiso kwi-WordPress kuvelisa iisayizi ezininzi; iitheme nee-plugins (ingakumbi ezo zorhwebo lwe-intanethi) zinokuvelisa nezinye ezininzi ngakumbi.
Ngokucinezelwa kwelifu, iikhredithi okanye iikwota zihlala zibalwa ngokusekelwe kwisixa esidityanisiweyo somfanekiso wokuqala kunye neethumbneyile zawo, ngoko ke okukhona zininzi iithumbneyile, kokukhona isabelo sasimahla sisetyenziswa ngokukhawuleza.
13. Ingaba i-lazy loading isoloko ikhawulezisa izinto? Kutheni abanye abantu besithi i-lazy loading eneneni iyazicothisa izinto?
I-lazy loading ifanelekile kwizibonelelo ezingaphandle kwesikrini.
Ukuba oyena mfanekiso mkhulu ubalulekileyo kwiscreen sokuqala nawo ubambezeleka, kunokucothisa amava okuqala okulayisha. Nangona i-lazy loading esisiseko kwi-WordPress 5.5 nakwiinguqulelo ezilandelayo ilungile, akufanelanga uyisebenzise kuyo yonke indawo.
14. Ndingayidinga nini i-CDN / Image CDN ukuba ndithatha iRoute A okanye iB?
Ukucudiswa, ubungakanani befayile kunye nefomathi zijongana nomba wokwenza iifayile zibe zincinci kwaye zifaneleke ngakumbi;
I-CDN iqinisekisa ukuhanjiswa okukhawulezayo nokuthembeke ngakumbi.。
Xa kukho ulibaziseko olukhulu ngenxa yokuba imifanekiso ifunyanwa kwiseva ekude, ukongeza i-CDN eyongezelelweyo kumfanekiso ngamnye (umz. i-Cloudflare Polish / Jetpack Site Accelerator) kudla ngokubangela amava azinzileyo, nto leyo eyenza umxholo ube lula ukufundeka. Ukhawuleziso lweWordPress CDN。
15. Nje ukuba ndigqibile, yeyiphi eyona ndlela ilula yokujonga ukuba isebenza ngokwenene?
Eyona ndlela ikhawulezayo yokuqinisekisa:
- Xa uphinda uvuselele iphepha elinye okwesibini, ingaba inkqubo yokulayisha izinzile ngakumbi kwaye ikhawuleza?
- Ngaba kukho umahluko oqaphelekayo kubungakanani bomfanekiso phakathi kweenguqulelo zeselula nezedesktop (ngaba i-srcset/sizes isebenza njengoko bekucetyiwe)?
- Jonga nje imifanekiso embalwa: ingaba ikhona na iifayile/izixhobo ze-WebP okanye ze-AVIF?
- Jonga imifanekiso embalwa: sokolisisa ukuze ubone ukuba iyafipha na okanye ukuba umbhalo awucace kakuhle.