Pag-optimize sa mga hulagway sa website

Ang pag-optimize sa mga hulagway usa sa labing “high-return” nga aspeto sa performance sa WordPress: sa parehas nga estruktura sa panid ug tema, ang husto nga gidak-on sa file sa hulagway, dimensyon, pormat, ug pamaagi sa paghatud kasagaran magdala dayon og pagpaayo sa kadasig sa pag-load.

Apan, ang pag-optimize sa mga hulagway mao usab ang bahin diin pinakasayon nga masamok ang tanan; dili tungod kay lisod kaayo ang teknolohiya, kondili tungod kay sobra ka piraso-piraso ang impormasyon:
Nabasa na nimo ang pipila ka mga artikulo ug nakakat-on ka bahin sa “compression”, “WebP/AVIF” ug “lazy loading”, apan sa dihang imong tan-awon ang deskripsyon sa plugin, nag-ingon kini og “100 ka libre nga kredito matag bulan”, “20MB libre” ug “1 kredito matag hulagway”—ug samtang nagbasa ka pa, mas nalibog ka. igo ba gyud ang libre nga allowance? giunsa pagkuha sa bayad? nasayop ba ka sa pagsabot sa “parehas nga butang”? ug labing importante:Naga-trabaho ba gyud kini pagkahuman nimo?

Kini nga artikulo nagbuhat lang ug tulo ka butang:

1. Ani-a ang usa ka praktikal nga tip.Giya sa Dalan(Unsa ang buhaton una, unsa ang buhaton sunod)
2. Palihug ipasabut pag-ayo ang mga kapilian nga imong giisip (unsa gyud ang kalainan sa libre ug bayad nga mga bersyon, ug kinsa ang labing angay para sa matag usa)
3. Aniay ang labing kasagarang mga bitag nga angay bantayan (aron dili na nimo kinahanglan pang mag-usik og oras sa pagpangita og solusyon pagkahuman nimo)

1. Ang mga batakan: Unsa ang apil sa WordPress, ug unsa ang wala

Kung dili nimo una masabtan unsay nahimo na sa core sa WordPress, duha ka sitwasyon ang lagmit motumaw:

• Imbis nga gamiton nato ang libre nga mga kapabilidad nga anaa kanato, nasayang nato ang oras ug kuwarta sa pag-imbento pag-usab sa ligid.
• Abi nako awtomatikong i-convert sa WordPress ang tanang daang hulagway ngadto sa WebP/AVIF, pero di man diay.

Ang WordPress Core naglakip na sa kini nga mga yawe nga bahin:

• Mga responsive nga imahe (srcset/sizes): Gikan sa WordPress 4.4 pataas, ang core mag-output og mga hulagway srcset ug sizes... ug naggamit sa mga hulagway nga nagkalainlain ang gidak-on nga gihimo sa panahon sa pag-upload aron tugotan ang browser sa pagpili ug pag-load sa labing angay nga kapanguhaan base sa kahimtang sa screen.
• Natibo nga hinay-hinay nga pag-load: Gikan sa WordPress 5.5 pataas, ang native lazy loading para sa mga hulagway naka-enable na sa default, nga naggamit sa mga pamantayan sa HTML. loading Pagpatuman sa kabtangan.
• Nagasuporta sa pag-upload sa WebP: Sukad sa WordPress 5.8 pataas, mahimo ka mag-upload ug mogamit og mga WebP nga file sa parehas nga paagi sa mga JPEG ug PNG (basta ang imong hosting environment mosuporta sa WebP).
• Nagasuporta sa pag-upload sa AVIF: Gikan sa WordPress 6.5 pataas, ang mga AVIF file mahimong ma-upload ug magamit sa parehas nga paagi sa mga JPEG ug PNG file (depende sa suporta sa host environment).

Palihug hinumdomi, bisan pa man:
“Suporta sa pag-upload/paggamit” ≠ “awtomatikong pagbag-o/awtomatikong paghatud”
Sa laing pagkasulti: bisan pa kon naa na ka sa WP 6.5, ang mga JPG/PNG nga file sa imong media library dili awtomatikong ma-convert ngadto sa WebP/AVIF; ug dili usab nimo makuha dayon ang tibuok functionality sa “pag-output og AVIF/WebP base sa kakayahan sa browser ug pagbalik sa orihinal nga imahe para sa mga browser nga wala magsuporta”—kinahanglan kasagaran og plugin o serbisyo aron mapunan ang kakulangan.

2. Roadmap: Usa ka 5-ka-lakang giya sa pag-optimize sa hulagway

Unsa ang buhaton, ngano, unsa ang giisip nga pass, ug unsa ang mga kasagarang bitag.

2.1 Una, hustoha ang “mga sukod” (ang labing sayon pasagdan, apan mao kini ang naghatag sa labing dako nga benepisyo)

Daghang mga website ang hinay dili tungod kay wala pa kini na-optimize, kondili tungod kayGidownload nako ang usa ka hulagway nga mas dako kaayo kaysa sa lugar sa display.：
Pananglitan, kung ang usa ka pahina tinuod nga 900px ra ang gilapdon apan ipapahimo nimo sa mga bisita nga i-download ang orihinal nga 3000px nga hulagway, ang browser mokuha lang niini ug dayon ipagamay para ipakita. Nag-usik kini og bandwidth, nagdugay sa oras sa pag-decode, ug nagpahinay sa pag-load sa unang screen.

Para sa WordPress 4.4 ug sa mga sunodMekanismo sa mga responsive nga hulagway（srcset/sizes) gidisenyo gayud aron matubag kini nga isyu.

Unsa ang giisip nga usa ka pasa:

• Kung ablihan ang pahina sa usa ka mobile device, ang mga gi-download nga hulagway kinahanglan nga klarong mas gamay kaysa sa desktop.
• Ang gidak-on sa file sa maong hulagway nagkalainlain depende sa device (imbes nga pirmi i-download ang orihinal nga hulagway)

Ang labing kasagarang mga bitag:

• Ang ubang mga tema o mga builder nagtagad sa mga hulagway ingon nga mga hulagway sa background sa CSS o nag-render niini sa usa ka custom nga paagi, nga mahimong makalikay srcset, hinungdan nga magpadayon ang pag-load sa dako nga hulagway
• Kung mogamit ka og eksternal nga serbisyo sa pag-host sa imahe o third-party nga mga bloke sa imahe, mahimo nimong malaktawan ang multi-size nga sistema nga gihimo sa media library.

---

2.2 Kompresyon (pagpamenos sa gidak-on sa file nga dili makompromiso ang kalidad)

Ang kinauyokan sa compression dili nga “mas gamay mas maayo”, kondili nga “ang kalainan hapit dili makita sa mata, apan ang gidak-on sa file dako kaayo ang pagkunhod”.

Ang mga lagda mao ang mosunod:

• Mga litrato/Tinuod nga mga kuha (mga potret, mga produkto, mga talan-awon): I-una ang lossy compression (pinakadako nga benepisyo)
• Mga screenshot/mga hulagway nga daghan og tekstoGamita ang mas konserbatibo nga compression setting aron malikayan ang pagkalabo sa teksto.
• Logo/Ikon: I-una ang SVG o gamita ang lossless compression nga maampingon (ang lossy compression dali ra makapahinabo og malabo nga mga kilid)

Unsa ang giisip nga usa ka pasa:

• Ang gidak-on sa mga file sa kadaghanan sa mga hulagway sa panid dako kaayo ang pagkunhod.
• Walay makita nga saba, malabo nga mga kilid, kolor nga nagbahin-bahin, o malabo nga teksto.

---

2.3 WebP / AVIF (Palisiya sa pormat: mas gamay nga gidak-on sa file para sa parehas nga lebel sa kalinaw)

Ang WordPress karon nagsuporta na sa pag-upload sa mga file. WebP (5.8) ug AVIF (6.5)。
Apan, aron mapahimulos sa praktikal nga paagi ang “sunod nga henerasyon nga pormat”, kasagaran kinahanglan masulbad ang duha ka isyu:

1. Unsaon pag-batch convert sa historikal nga media library(Kung dili, mag-optimize ra ka sa mga bag-ong hulagway nga i-upload sa umaabot)
2. Maghimo ba ko og kopya o ilisan ba nako ang orihinal nga hulagway?(Kini usa ka kritikal nga punto; magpokus kita unya sa “ilisan ug tangtanga ang orihinal” nga feature sa Plus WebP)

Girekomendang pamaagi:

• WebP: Kasagaran ang default nga kapilian (naghatag og mas kasaligan nga pagkaangay)
• AVIF: Usa ka dugang nga lakang sa compression, angay para sa dagkong mga hulagway, dagkong mga hulagway sa unang screen, ug mga hulagway sa galeriya (apan masNag-agad sa suporta sa kalikupan）

---

2.4 Gamita ang lazy loading sa husto (likayi ang one-size-fits-all nga pamaagi)

Sugod sa WordPress 5.5Default nga hinay-hinay nga pag-loadLarawan.
Gipakunhod niini ang paggamit sa bandwidth sa inisyal nga pag-render:

• Ang lazy loading angay para sa mga kahinguhaan nga wala sa screen.“
• Ang dako nga hulagway sa ibabaw sa panid (nga kasagaran mao ang labing importante nga hulagway sa unang screen) kasagaran dili angay i-defer ang pag-load niini.

---

2.5 Patong sa paghatud: CDN / Hulagway CDN

Ang compression, gidak-on sa file, ug format nagtumong sa paghimo sa mga file nga mas gamay ug mas angay.
Apan, kung ang mga hulagway kanunay nga kuhaon gikan sa origin server sa layo nga distansya, ang latency sa network magpabilin nga dako kaayo'g epekto sa kasinatian sa tiggamit. Sa ingon ana nga mga kaso, gikinahanglan ang solusyon nga “delivery layer” (CDN/image CDN).

Duha ka tipikal nga pamaagi:

• Cloudflare Poland：Dokumentasyon sa CloudflareKini nga seksyon nagpakilala sa mga pamaagi sa pag-compress nga magamit sa Polish (lossless, lossy ug WebP), ug naghisgot sa paggamit sa format=auto Gitugotan ang mga format nga WebP ug AVIF.
• Jetpack Site Accelerator：Dokumentasyon sa JetpackNagpasabot kini nga i-optimize niini ang mga hulagway ug ipakatap kini pinaagi sa iyang network kauban ang mga static nga kapanguhaan.

Ang pag-optimize sa hulagway nagsiguro nga ang mga hulagway mapagamay ang gidak-on ug mare-resize sa husto,CDN: Paghatud nga mas duol ug mas kasaligan

3. Pagpili sa ruta: Sunda lang ang duha ka pangunang ruta.

Ang labing kasagarang bitag sa pag-optimize sa hulagway dili ang “dili pag-instalar og plugin”, kondili ang pag-instalar og daghan kaayo nga mga plugin, nga mosangpot sa pagdoble sa pagproseso:
Ang A nag-compress, ang B usab nag-compress; ang A nag-convert ngadto sa WebP/AVIF, ang B nagbuhat usab ana; ang A nag-usab sa mga URL, ang B nag-perform og URL rewrites—sa katapusan, bisan ikaw dili na makasabot unsay tinuod nga nahitabo sa site.

Mga Lagda:

Pabilin sa usa ka pamaagi: o hingpit nga libre nga lokal nga pagtipig, o usa sa tulo ka kapilian sa pag-compress sa cloud.

• Ruta A (tibuok libre lokal):Dugang pa WebP o AVIF + EWWW Image Optimizer(o pilia lang ang usa)
• Opsyon B (Pilia ang usa sa tulo ka pamaagi sa pag-compress sa cloud):ShortPixel / Imagify / TinyPNG

---

3.1 Kapilian A: Bug-os nga libre nga lokal nga pag-host (Plus WebP o AVIF o EWWW)

Ang mga yawe nga kinaiya niining ruta mao ang:

• Dili ka mosalig sa third-party nga mga serbisyo sa compression nga naningil base sa bulanan nga quota o matag file (bisan pa man nga ang pipila ka mga feature mahimong magamit isip opsyonal nga serbisyo).
• Ang kapalit mao nga ang batch processing mahimong maghatag og mas bug-at nga karga sa server sa aspeto sa CPU/IO, nga nagkinahanglan nga mas tutukan nimo ang “estratehiya ug risgo”.”

3.1.1 Dugang pa WebP o AVIFAng pangunang konsepto mao ang “pagpamugna/pag-ilis”; dili kini usa ka “kompresyon nga himan” sa tradisyonal nga kahulugan.”

• Sa paghimo sa tibuok hugpong sa mga hulagway:Ang ID sa orihinal nga image file mapulihan sa WebP/AVIF nga file, ang orihinal nga file tangtangon, ug bisan unsang URL sa sulod pulihan usab.。
• Ang plugin naghatag og mga sugo sa WP-CLI ug nag-awhag nga mas kasaligan ang WP-CLI kon magdumala og daghang mga file.

Nagpasabot kini: dili lang kini “hinay-hinay nga nagmugna og WebP file para nimo”, kondili mahimo kini usa kaPagbalhin sa kabtangan(labi na kung gi-aktibar nimo ang kapilian nga “Ilisi ug tangtanga ang orihinal”.)

Ang kalainan tali sa duha ka mga mode

Opsyon 1: I-tipig ang orihinal nga hulagway + paghimo og mga kopya nga WebP/AVIF (mas kasaligan)

• Kaayohan: Mas sayon nga mobalik kung adunay mga isyu sa pagkaangay.
• Kakulian: misaka ang paggamit sa disk (orihinal nga imahe + bag-ong pormat + daghang gidak-on sa thumbnail)

Pamaagi 2: Ilisi ug tangtanga ang orihinal nga hulagway (mas radikal)

• Mga bentaha: Dili dali mapuno ang disk; ang internal nga mga link awtomatikong mausab ngadto sa bag-ong pormat.
• Risgo: Kung imo nga usbon ang mga asset ug ang ilang mga reperensya, mas mahal ang pagsulbad sa mga isyu sa pagkaangay (labi na kung ang pipila ka eksternal nga sistema o lohika sa tema nagsalig sa orihinal nga mga ngalan sa file, mga agianan o mga pormat).

Kasagarang mga problema sa WebP o AVIF

1. Human sa hingpit nga pag-ilis sa librarya, sayop ang pagpakita sa mga hulagway sa pipila ka mga pahina.
   Kasagaran dili tungod kay “naguba ang imahe”, kondili tungod kay naay sayop sa bisan asa sa kadena—sama sa pag-usab sa URL, caching, o sa palisiya sa thumbnail.
2. Mas daghan ang mga thumbnail, mas dako ang gilapdon sa mga kausaban.
   Ang pag-upload og hulagway sa WordPress nagmugna og daghang gidak-on; ang mga tema ug plugin mahimo'g magdugang pa. Ang hingpit nga pag-ilis nagpasabot nga mahimo nimong usbon ang usa ka dako kaayo nga hugpong sa mga file.
3. Ang paghimo lang sa pagbag-o sa format dili mosangpot sa pinakagamay nga gidak-on sa file.
   Ang mga file sa WebP ug AVIF kasagaran mas gamay, apan ang mga estratehiya sa pag-dimension ug compression nagpabilin nga hinungdanon. Ayaw pagtratar sa Plus WebP ingon usa ka “one-click solution” para sa mas paspas nga pag-load.

---

3.1.2 EWWW Image Optimizer: Usa ka nanguna nga tighatag sa libre nga lokal nga compression

Ang panid sa EWWW plugin adunay klaro kaayo nga katuyoan:

• Mahimo niini nga i-optimize ang mga hulagway sa imong server gamit ang lain-laing mga himan (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, ug uban pa).
• Kung nanginahanglan ka og mas taas nga compression o gusto makatipid sa CPU, mahimo usab nimo i-offload ang pagproseso nga naggamit og CPU ngadto sa imong server (opsyonal).

Unsa nga papel ang angay gampanan sa EWWW sa Ruta A?

Kung gamiton nimo ang Plus WebP alang sa “estratehiya sa pagbalhin o pag-ilis sa format”, mas angay ang EWWW aron sa pagdumala:

• Optimisasyon sa Kompresyon ug Bolyum(labi na ang pag-optimize sa hilaw nga mga asset sama sa mga file sa JPG ug PNG)
• Optimisasyon sa hugpong sa historikal nga media library(Pagtumong sa “pagkunhod sa bolyum” imbis nga “pag-ilis sa URL”)

Usa ka tipikal nga bitag sa EWWW

1. Mosaka ang karga sa server atol sa batch nga optimisasyon.
   Kini tungod kay ang lokal nga compression mogamit og CPU/IO. Ang solusyon dili ang “hunong sa paggamit niini”, kondili ang “proseso kini sa batch, sa mga oras nga dili peak, ug pilia ang offloading o cloud nga solusyon kung gikinahanglan”.
2. “Ang ”WebP has been generated" dili mosangpot nga ang front end gayud nag-alagad og WebP.
   Daghang mga plugin ang nagtuo nga ang paghimo usa ka butang, samtang ang mga estratehiya sa paghatud (sama sa pag-usab sa teksto, `picture` tags, ug pag-expire sa cache) lahi kaayo.
3. Gikopya ang mga gimbuhaton sa lain nga plugin
   Kung mopili ka sa Opsyon A, paningkamoti nga malikayan ang paggamit sa dugang nga mga serbisyo sa cloud compression sama sa ShortPixel, Imagify o TinyPNG; kung mopili ka sa Opsyon B, ayaw pag-aktibar sa lohika sa pag-ilis sa Plus WebP. Ang pangunang prinsipyo mao:Pabilin sa usa ka pamaagi sa paglihok.

---

3.2 Opsyon B: Pilia ang usa sa tulo ka serbisyo sa pag-compress sa cloud (ShortPixel / Imagify / TinyPNG)

Ang kini nga plano hingpit para sa mga gustong makatipid sa kahinguhaan sa server, mas ganahan sa walay samok nga pamaagi sa batch processing, ug komportable sa pagbayad base sa paggamit o pay-as-you-go.
Apan, ang labing kasagarang punto sa sayop nga pagsabot bahin sa pag-compress sa cloud mao ang:Ang libreng allowance dili lang yano nga bahin sa “mga libre nga pahina”.Ang gidaghanon sa gidak-on sa thumbnail, kung gihimo ba ang mga format nga WebP/AVIF, ug kung balik-balik ba nga gikompres ang mga hulagway, tanan adunay dakong epekto sa paggamit sa mga kapanguhaan.

Sa ubos, among ipatin-aw: ang kalainan tali sa libre ug bayad nga mga kapilian, kung giunsa pagkuha sa kredito, ang labing kasagarang mga bitag nga angay likayan, ug kung unsang mga klase sa website ang labing angay niini nga serbisyo.

---

3.2.1 Mubo nga Pixel100 ka libreng kredito matag bulan, apan magamit ang mga kredito sa thumbnails ug sa pagpadako sa WebP/AVIF.

Unsa man ang deal sa libre ug bayad nga mga kapilian?

Ang deskripsyon sa ShortPixel plugin klaro nga nag-ingon:

• 100 ka libreng kredito matag bulan
• Aduna usab “dugang nga walay kinutuban nga kredito matag bulan” (ang mga detalye sa presyo makita sa panid sa plugin)
• Nagatanyag usab kami og “one-off credit packs nga dili gyud ma-expire” (uban sa impormasyon sa sinugdanan nga presyo)

Timan-i:

• Libre: Gihatag matag bulan ang usa ka piho nga gidaghanon sa mga kredito alang sa paggamit sa mga magaan nga website o alang sa pagsulay.
• Usa ka pakete: Angay para sa mga site nga adunay dagkong media library nga gustong limpyohan ang ilang imbentaryo sa usa ka higayon (gipalit kausa ug balido hangtod mahurot; kasagaran walay petsa sa pag-expire)
• Bulanan/Walay Kuti: Angay para sa mga site nga nagkinahanglan og regular nga pag-update sa mga hulagway ug dugay nga panahon nga lig-on nga optimisasyon

Ang opisyal nga knowledge base sa ShortPixel naghatag usab og giya bahin sa “one-off nga lisensya vs walay kinutuban matag bulan”.Usa ka klaro nga pagpasabotAng Unlimited Monthly nga plano gisisingil matag bulan (o matag tuig), nagtanyag og walay limitasyon nga mga kredito ug usa ka nakapirming CDN nga quota; ang mga kredito nga usa ra ka bayad dili mo-expire, nga naghatag kanimo og mas dako nga kontrol sa paggamit kung kinahanglan.

Labing importante: Giunsa pagkwenta ang mga kredito sa ShortPixel?

Opisyal nga Dokumentasyon sa ShortPixel Gisulti ni KB kini sa pinakasinaw nga paagi:

• Sa diha nga mag-upload ka og hulagway sa WordPress, maghimo kini og daghang thumbnails;
• Ang pag-optimize sa matag thumbnail giihap nga usa ka kredito.；
• Kung mopili ka sa paghimo og WebP o AVIF,Ang matag bersyon sa orihinal nga hulagway nga WebP o AVIF ug ang thumbnail niini ihapong dugang kredito.；
• Mahimo nimong i-exclude ang pipila ka thumbnails gikan sa optimisasyon aron mapakunhod ang paggamit sa credit.

Pananglitan sa kredito：

Pananglitan mag-upload ka og usa ka hulagway, ug ang tema o plugin maghimo og walo ka thumbnails:

• I-optimize lang ang orihinal nga hulagway ug ang mga thumbnail: 1 (orihinal nga hulagway) + 8 (mga thumbnail) = 9 ka kredito
• Kung gusto usab nimo nga maghimo og WebP/AVIF: idugang ang next-gen nga bersyon sa matag usa sa 9 sa ibabaw → ug 9 ka kredito
  Sa laing pagkasulti, mahimo nimong hunahunaon nga usa ra ka imahe kini, apan mahimo gayud kini mogasto og hapit doble-digit nga kredito.

Busa:“Ang ”100 ka libre nga kredito“ dili nagpasabot og ”100 ka libre nga mga hulagway".

Ang labing kasagarang mga bitag sa ShortPixel

1. Ang libreng 100 ka kredito mahurot na sa dili madugay.
   Rason: Daghang thumbnails + dugang kredito alang sa paghimo sa mga WebP/AVIF nga file.
   Rekomendasyon：

• Una, tan-awa ang gidaghanon sa mga thumbnail sa site.
• Tangtanga ang dili kinahanglan nga gidak-on sa thumbnail (i-optimize lang ang mga gidak-on nga gyud gamiton)
• Una, paghimo og estratehiya sa compression, unya padagana ang proseso sa mga batch aron malikayan ang pagsayang sa oras sa pagsulay ug sayop.

2. Gamita kauban sa ubang mga plugin sa pag-convert sa format
   Kung i-enable nimo ang Plus WebP replacement ug tugotan usab nimo ang ShortPixel nga maghimo ug mag-insert og next-gen tags, mag-overlap ang lohika, hinungdan nga mas lisod ang pag-troubleshoot. Sa Option B, ang ShortPixel mismo ang magdumala niini nga buluhaton.
3. Gituohan nako nga pagkahuman kini ma-install, awtomatikong maghimo ang frontend og mga WebP/AVIF nga file.“
   Panid sa plugin sa ShortPixelKini makahimo sa pag-convert sa mga WebP ug AVIF nga file, ug makahimo sa pag-apil sa mga hulagway sa sunod nga henerasyon sa mga front-end nga pahina (pananglitan, pinaagi sa mga tag).
   Bisan pa, kinahanglan gihapon nimo susihon ang mga resulta pagkahuman nimo.

---

3.2.2 ImahiniponLibre nga 20MB matag bulan; ang quota ibawas base sa “orihinal nga gidak-on sa hulagway + gidaghanon sa thumbnails”; ang pag-usab sa compression magresulta sa dobleng pagbawas

Libre nga allowance ug lokasyon

Opisyal nga Panid sa Presyo sa ImagifyGipahayag kini nga klaro kaayo:Ang libre nga mga account adunay bulanan nga quota nga 20MB。
Ang plugin page niini usab nag-ingon nga kini makakompres, makaresize, ug makakonbert ngadto sa WebP/AVIF.

Giunsa pagkuha sa quota?

Opisyal nga Dokumentasyon sa Imagify “Giunsa pagkwenta ang paggamit sa quota?” naghatag og klaro kaayo nga pagsabot sa mekanismo sa pagsingil:

• Ang gidaghanon sa thumbnails nakaapekto sa paggamit sa mga kapanguhaan.Pananglitan, kung naa kay 10 ka gidak-on sa thumbnail, ang pag-optimize sa usa ka hulagway magresulta sa 11 ka hulagway nga ma-optimize (ang orihinal nga hulagway ug 10 ka thumbnail), nga tanan iapil sa imong quota.
• I-deduct ang quota base sa orihinal nga gidak-on sa file.Pananglitan, kung mag-upload ka og 100KB nga hulagway sa Imagify, 100KB ang ibawas sa imong quota.
• Ang pag-usab sa lebel sa compression ug pag-usab sa pag-optimize mokaon pag-usab sa quota.。
• Ang usa ka API key mahimong magamit sa daghang mga site, apan ang quota gipaambit sa tanan niini.

Mao kini ang pangunang pamaagi sa Imagify:
Murag usa kini ka data package: mas daghan imong i-upload, mas daghan ang ibawas; mas daghan nga thumbnails imong i-upload, mas daghan ang ibawas; ug kung balik-balik nimo i-upload ang parehas nga sulod, ibawas ang bayad matag higayon.

Usa ka sayon sabton nga pananglitan sa mga quota sa Imagify

Pananglitan, mag-upload ka og orihinal nga hulagway nga 800 KB, ug ang site maghimo og 8 ka thumbnails.

• Sa pag-optimize gamit ang Imagify, apil ang “orihinal nga hulagway ug 8 ka thumbnails” (kung pilion nimo ang “Optimise all”), nga nagpasabot nga kini nga operasyon mogamit og quota nga hapit katumbas sa 'total nga gidak-on sa tanang kini nga mga file'.
  Mao nga ang ubang mga site makamatikod nga dali ra mahurot ang ilang “20MB” nga quota: dili tungod kay dili makaya sa Imagify ang buluhaton, kondili tungod kay sobra kadako ang mga hulagway nga imong gi-upload, daghan kaayo ka'g gihimo nga thumbnails, ug basin pirmi ka mag-eksperimento sa lain-laing lebel sa compression.

Ang labing kasagarang mga bitag sa Imagify

1. Ang libreng 20MB dili igo aron buhaton ang hingpit nga pag-purga sa kasaysayan sa site.“
   Ang 20MB kasagaran mas angay para sa pagsulay ug gagmay nga pag-update; kung dako na ang imong media library, lagmit magkinahanglan ka og pag-upgrade kung limpyohan nimo kini tanan sa usa ka higayon.
2. Ang kanunay nga pag-adjust sa lebel sa compression nagresulta nga kanunay mahurot ang quota.
   Imagify: Usa ka Klarong PagpasabotAng pag-re-optimisation mogamit pag-usab sa quota.
   Girekomenda namo nga klaro nimo ipahimutang ang “estratehiya” sa kini nga pahina:

• Sugdi sa paggamit sa pipila ka mga hulagway aron matino ang lebel sa compression ug ang biswal nga kalidad.
• Sa higayon nga mahuman na ang estratehiya, padagana kini sa mga batch.
  Likayi ang pagsulay ug sayop sa tibuok database.

3. Ang pagpaambit sa usa ka API key sa daghang mga site hinungdan nga misteryosong maminusan ang mga quota.“
   Kung gamiton nimo ang parehas nga API key sa daghang mga site, pagbahin-bahinon ang mga quota.
   Busa, sa mga sitwasyon sa team o multi-site, labing maayo nga klarohon kung unsang mga site ang nagbahin sa mga kapanguhaan ug unsang mga site ang naglihok nga independente, aron malikayan ang paglabaw sa badyet.

---

3.2.3 Gagmay nga PNG(Gagmay nga Compress Images): 500 ka libreng kredito matag bulan; ang pag-convert ngadto sa WebP/AVIF adunay dugang bayad nga 1 ka kredito matag gidak-on“

Libre nga mga allowance ug kung giunsa kini pagkalkula

Ang panid sa TinyPNG WordPress plugin klaro kaayo nga gisulat:

• 500 ka libreng kredito matag bulan
• Sa usa ka “standard nga instalasyon sa WordPress”, lagmit mahimo nimo i-compress Mga hapit 100 ka hulagway matag bulan
• Apan, kung gi-enable ang konbersyon sa AVIF o WebP:Ang matag gidak-on sa hulagway magkinahanglan og usa ka dugang nga kredito., busa sa akong hunahuna, ang bugtong kapilian mao ang pag-compress ug pag-convert niini Mga 50 ka hulagway matag bulan(Depende kung pila ka gidak-on sa thumbnail ang naa nimo.)

Samtang ang Tinify (ang developer sa TinyPNG ug TinyJPG) usab Panid sa Presyo sa APIPalihug hinumdumi: Pagparehistro aron makadawat og 500 ka libreng kompresyon matag bulan; kon malapas na kini nga limitasyon, sisinglon ka base sa gidaghanon sa malampusong kompresyon, nga walay kinahanglan nga subscription.

Aron isumada kung giunsa pagtrabaho sa TinyPNG sa usa ka hugpong sa mga pulong:
Gikalkula kini sa credits; mas daghan nga gidak-on sa thumbnail ang imong gamiton ug mas daghan nga i-enable nimo ang WebP/AVIF, mas dali mahurot ang imong credits.

Usa ka sayon sabton nga pananglitan sa mga kredito sa TinyPNG

Pananglitan ang imong site nagmugna og walo ka gidak-on sa thumbnail para sa matag hulagway:

• Pag-compress ra: Orihinal nga hulagway + 8 ka thumbnails → 9 ka kredito ang gikinahanglan
• Kung naka-enable ang konbersyon sa WebP/AVIF: kuhaan pa og dugang nga credit para sa matag gidak-on → mahimo kini hapit makadoble sa kinatibuk-an
  Kini nagtumong sa paghulagway sa panid sa plugin: sa diha nga ma-enable ang conversion, ang libreng quota mausab gikan sa mga 100 matag bulan ngadto sa 50 matag bulan.

Ang labing kasagarang mga bitag sa TinyPNG

1. Abi nako nga ang 500 ka kredito nagpasabot og 500 ka mga hulagway.
   Dili. Gibayran kini matag gidak-on/variant sa hulagway. Klaro nga gisulti sa panid sa plugin nga ang konbersyon magkinahanglan og dugang 1 ka kredito matag gidak-on sa hulagway.
2. Ang tema/e-commerce nga plugin nagmugna og daghan kaayo nga gidak-on sa mga hulagway, ug ang libre nga quota mikunhod pag-ayo.
   Mas daghan ang dimensyon, mas sayon maubos ang mga kredito.
3. Pagkahuman nako sa pag-aktibar sa konbersyon, nasuta nako nga kalit nga naubos ang akong credit limit.
   Dili kini usa ka bug; mao kini ang paagi sa paglihok sa sistema sa pagbayad.
   Mga rekomendasyon sa estratehiya:

• Kung ang free phase panguna nga gituyo alang sa compression ug pagkunhod sa gibug-aton, mahimo ka magsugod pinaagi lang sa pag-aplikar sa compression. Sa higayon nga nakumpirma na nimo nga lig-on ang istruktura sa site ug tinuod gayud nga kinahanglan nimo ang next-gen, mahimo na nimo sugdan ang konbersyon.

4. Mga rekomendasyon sumala sa senaryo: Giunsa pagpili para sa lain-laing klase sa mga website

Bisan pa man nga tanan sila naggamit sa WordPress, lahi-lahi ang mga problema sa hulagway tali sa mga site sa sulod, mga site sa e-commerce, mga portfolio, ug mga site sa pagkamiyembro.

4.1 Mga site/blog sa sulod (nga nagpakita og daghang mga hulagway ug artikulo, uban sa katamtaman nga kadaghanon sa pag-update)

Mga prayoridad nga rekomendasyon:

1. Estratehiya sa Pag-dimension (Lakang 1)
2. Kompresyon (Lakang 2)
3. WebP (Lakang 3)

Mas angay nga ruta:

• Kung gusto ka og walay samok nga kapilian: pilia ang usa sa tulo sa Option B (ShortPixel / Imagify / TinyPNG)
• Kung gusto ka og libre nga kapilian: Ruta A (Plus WebP + EWWW), apan among girekomenda nga magsugod ka sa “Conservative Mode (ayaw pagtangtang sa orihinal nga mga hulagway)” aron una masusi ang mga risgo.

Kasagarang mga bitag:

• Ang header nga hulagway sa panid sa artikulo dako kaayo, ug dili maayo ang pagpatuman sa lazy-loading nga estratehiya.Makapahinay kini sa unang screen.

4.2 Mga website sa e-commerce/produkto (nga adunay daghang thumbnails ug lain-laing mga bersyon sa hulagway; labing importante ang kalig-on)

Ang labing kasagarang mga isyu sa e-commerce dili tungod kay “daotan ang kalidad sa compression”, kondili tungod kay “sayop ang pipila ka dimensyon pagkahuman sa optimisasyon, nawala ang mga thumbnail, o dili makuha sa mga front-end nga komponent ang mga hulagway”.

Mga prayoridad nga rekomendasyon:

1. Sugdi nga maampingon: gamita ang mas konserbatibo nga estratehiya sa compression; ayaw dayon ilisi ang tibuok database.
2. Pag-assess sa gidak-on sa thumbnail: Kasagaran ang mga tema sa e-commerce nagmugna og daghang gidak-on, nga makapadako pag-ayo sa paggamit sa datos (labina kini makita sa ShortPixel ug TinyPNG).
3. Magsugod una sa usa ka gamay nga pagsulay, unya ipalapad kini sa mas daghang mga tawo (kini hingpit nga hinungdanon)

Mas angay nga ruta:

• Kasagaran, ang Option B mao ang pinakasayon nga kapilian: ang ShortPixel, Imagify, ug TinyPNG tanan nagsuporta sa batch processing; ang yawe mao ang pagsabot sa quota system ug pagtimbang-timbang sa gasto daan.
• Ang Opsyon A usab dawaton, apan kinahanglan ka mag-amping pag-ayo sa pamatasan sa Plus WebP sa pag-overwrite sa mga ID, pagtangtang sa orihinal nga mga hulagway, ug pag-ilis sa mga URL: tungod kay kini usa ka pagbalhin sa asset, dili maayo nga buhaton dayon ang hingpit nga pag-ilis.

4.3 Mga portfolio/mga website sa potograpiya (kung diin kritikal ang kalidad sa hulagway, dako ang mga file, ug labaw sa tanan ang biswal nga kaanyag)

Mga prayoridad nga rekomendasyon:

1. Estratehiya sa Pag-dimension (Pagkontrol sa Gidak-on sa Pagtan-aw)
2. Estratehiya sa kompresyon (mas maayo nga medyo dako ang file kaysa mawala ang detalye)
3. WebP/AVIF (klaro ang mga benepisyo alang sa dagkong mga hulagway, apan kinahanglan pa nga mapamatud-an ang kalidad sa panan-aw)

Mas angay nga ruta:

• Imahinipon: Tungod kay ang quota ibabawas base sa “orihinal nga gidak-on sa hulagway”, mas sayon alang niini nga klase sa site ang pagkontrol sa gasto (kabalo ka sa hapit kung pila ang gasto sa matag dako nga hulagway), apan likayi ang balik-balik nga pag-compress niini.
• Mubo nga PixelKung dili kaayo daghan ang gidak-on sa thumbnail, sayon ra kaayo ang pag-usab sa credits; apan kung maghimo ka og daghang gidak-on ug mga next-gen nga bersyon, mosaka pag-ayo ang konsumo sa credits, busa kinahanglan ka magplano daan.

5. Quota batok sa Billing: Usa ka hapsay nga pagtan-aw kung igo na ba ang libreng allowance

Asa ang mas maayo nga bili sa kwarta, ug hangtod kanus-a molungtad ang libre nga pagsulay?

5.1 Tulo ka modelo sa pagsingil

• Mubo nga Pixel(mga kredito)Ang mga kredito gikalkula base sa “orihinal nga imahe ug sa gidaghanon sa mga thumbnail”; ang paghimo og mga file sa WebP/AVIF magdugang og bayad sa kredito alang sa matag katugbang nga bersyon.
• Imahinipon(kwota sa MB)Ang quota ibabawas base sa “orihinal nga gidak-on sa file”; mas daghan ang thumbnails, mas daghan ang magamit nga quota; ang pag-re-compress magresulta sa dugang pagkunhod sa quota.
• Gagmay nga PNG(mga kredito): 500 ka kredito matag bulan; ang pag-aktibar sa konbersyon sa WebP/AVIF magdala og dugang bayad matag gidak-on sa hulagway.

5.2 Mga pamaagi sa paspas nga pagtantiya

Mahimo nimo kini tantiyahon sa mosunod nga paagi:

1. Pilia bisan unsang “orihinal nga hulagway nga kanunay nimo gi-upload” ug susiha ang gibanabana nga gidak-on niini (pananglitan 300KB / 1MB / 3MB)
2. Nagdepende kini sa kung pila ka gidak-on sa thumbnail ang kasagarang gihimo sa imong site (pananglitan 5, 10 o 20)
3. Pagpili kung gusto nimo maghimo og WebP/AVIF (Oo/Dili)

Unya gamita ang “mental arithmetic” sa ubos aron masabtan ang konsumo:

• Mubo nga Pixel: Ang matag hulagway ≈ (1 + gidaghanon sa thumbnails) ka kredito; kung maghimo og WebP/AVIF, ≈ doble niini (kay ang mga sunod-henerasyon nga bersyon nanginahanglan usab og kredito)
• ImahiniponAng quota para sa matag hulagway kay hapit (gidak-on sa orihinal nga hulagway + kinatibuk-ang gidak-on sa tanang thumbnails); ang pag-usab sa lebel sa compression ug pag-usab pag-compress sa hulagway magresulta sa dugang pagkunhod sa quota.
• Gagmay nga PNG: 500 ka libreng kredito; kung ang imong site makahimo og daghang gidak-on sa imahe matag imahe ug naka-enable ang pag-convert sa imahe, maminusan pag-ayo ang gidaghanon sa libreng mga imahe (ang panid sa plugin naghatag og lapyahan nga pagtantiya nga “mga 100 matag bulan” ug “mga 50 matag bulan”)

6. Pagpahayag sa Risgo

Risgo 1: Likayi ang daghang mga plugin nga nagbuhat sa parehas nga buluhaton

Mao kini ang labing kasagarang “tinubdan sa katalagman”.”

• Ruta A:Dugang pa WebP o AVIF + EWWW(Bahina ang mga buluhaton sa duha; ayaw paghimo sa pag-convert ug paghatud sa samang higayon, o pag-instalar lang sa usa niini)
• Opsyon B: ShortPixel / Imagify / TinyPNG Pilia ang usa sa tulo.(Pilia ang usa aron dumala sa compression ug sa sunod nga henerasyon)

Risk 2: Ang mga function sa Plus WebP nga “Overwrite ID / Delete Original Image / Replace URL” naglangkob sa pagbalhin sa asset.

Aron usab ipahayag:Dugang WebP Ang paghulagway klaro nga nag-ingon nga sa panahon sa usa ka bug-os nga henerasyon, ang orihinal nga ID sa imahe mapulihan, ang orihinal nga file tangtangon, ug ang URL sa sulod mapulihan.
Nagpasabot kini nga dili kini usa ka “gagmay nga pag-adjust nga mahimong ibaliktad bisan kanus-a”, kondili usa ka kausaban sa lebel sa asset.

Ang girekomendang estratehiya mao ang:

• Sugdi sa usa ka gamay nga sukod nga pagsulay (pipila ka dosena hangtod pipila ka gatus)
• Kumpirma nga ang front-end nga display, ang mga thumbnail, ug ang mga update sa cache nagtrabaho tanan og husto.
• Hunahunaa ang pagproseso sa tibuok database.

Risgo 3: Ang aktwal nga pagkonsumo sa “libre nga quota” para sa cloud compression nagdepende sa gidaghanon sa thumbnails ug sa pagpili sa next-gen nga mga kapilian.

• Mubo nga PixelAng mga thumbnail ug mga next-gen nga feature adunay dakong epekto sa credits.
• Gagmay nga PNGAng pag-aktibar sa WebP/AVIF magresulta sa dugang nga pagkunhod sa kredito alang sa matag gidak-on sa hulagway.
• ImahiniponAng singil gibase sa gidak-on sa orihinal nga hulagway; mas daghan ang thumbnails, mas taas ang singil; ang balik-balik nga pag-download magdala og dugang nga singil.

Risgo 4: Ang “Naghimo na ug WebP/AVIF” dili nagpasabot nga “naga-serbisyo ug WebP/AVIF ang front end”

Daghang mga tawo ang nabati nga wala gihapon mas paspas ang dagan pagkahuman sa konbersyon; ang punoang hinungdan mao nga ang front end nagserbisyo gihapon og mga JPG/PNG nga file (tungod sa dili pagpares sa bisan asa sa mosunod: caching, rewriting, tags, o browser negotiation).

7. Unsaon nako pagsusi kung epektibo na kini pagkahuman nako?

4 ka yano kaayo nga mga checkpoint:

1. Sa pag-refresh sa parehas nga pahina sa ikaduhang higayon, mas lig-on ug mas paspas ba ang proseso sa pag-load?(Unsa ka klaro ang mga epekto sa caching ug optimisasyon?)
2. Aduna bay klarong kalainan sa gidak-on sa mga hulagway nga gi-load sa mga mobile device ug sa desktop nga kompyuter?(Makatubag srcset/sizes (kung molihok ba kini)
3. Susiha lang og pila ka mga hulagway: aduna bay mga file o kapanguhaan nga WebP o AVIF?(Gamit ba gyud sa site sunod nga henerasyon）
4. Tan-awa ang pipila ka mga hulagway: i-zoom in aron makita kung klaro ba kini o kung ang teksto murag malabo.(Hugot kaayo ba ang compression?)

Kung ang tanan upat niini magamit, nagpasabot nga ang ruta nga imong gipili nagdagan na. Sunod, padayon sa CDN “Lapis sa Paghatud”...mas lig-on kini sa kinatibuk-an.

8. Mga rekomendasyon alang sa aksyon

1. Una, pilia ang ruta:

• Gusto nako nga ipabilin kini nga libre kutob sa mahimo.: Dugang pa WebP o AVIF + EWWW (o mag-install lang og usa niini)
• Gusto ba nimo makatipid sa mga kahinguhaan sa server? Mas walay samok ang pagbayad base sa paggamit.: Pilia ang usa sa ShortPixel, Imagify o TinyPNG

2. Sugdi sa usa ka gamay nga sukod nga pagsulay (pipila ka dosena)
3. Susiha nga hapsay ang tanan sa dili pa iproseso sa mga batch.
4. Kinahanglan pa nga mapaayo pag-ayo ang kasaligan sa paghatud:Pagbasa CDN Pagpaspas

Kanunayng Gipangutana nga mga Pangutana

1. Pila ka plugins ang angay nakong i-install? Pwede ba nako silang tanan i-install?

Paninguhaa nga magpabilin sa usa ra ka ruta.

• Opsyon A: Plus WebP o AVIF + EWWW Image Optimizer (o mag-install lang og usa niini)
• Opsyon B: Pilia ang usa sa ShortPixel, Imagify o TinyPNG
  Ang pagpadagan og daghang plugins sa usa ka site aron sabay nga maghimo og “compression, conversion ngadto sa WebP o AVIF, pag-usab sa URL ug pag-rewrite sa delivery” mao ang pinakasiguro nga paagi aron makahimo og gubot ug pinakalisod nga ayohon.

2. Dili ba na gisuportahan sa WordPress ang WebP/AVIF? Nanginahanglan pa ba ko ug plugin?

Importante nga maila ang kalainan tali sa:
“Suporta sa pag-upload/paggamit” ≠ “awtomatikong pagbag-o/awtomatikong paghatud”
Ang WordPress 6.5 dili awtomatikong mag-convert sa mga kasamtangang JPG/PNG nga file ngadto sa WebP/AVIF sa daghang kantidad, ug dili usab kini awtomatikong magdumala sa tibuok proseso sa pag-serve sa AVIF/WebP base sa kakayahan sa browser ug pagbalik sa orihinal nga format. Aron masiguro nga ma-update usab ang imong kasamtangang media library, kasagaran kinahanglan ka mogamit og plugin o serbisyo aron pun-on ang mga kulang.

3. Sa pag-optimize sa hulagway, unsang lakang gayud ang naghatag sa pinakataas nga balik sa puhunan?

Kasagaran Una, hustoha ang mga sukod (srcset/sizes)。
Daghang mga website ang hinay dili tungod kay wala pa kini gi-compress, kondili tungod kay nagpakita kini og pahina nga 900px ra ang gilapdon samtang pugson ang mga tiggamit sa pag-download sa orihinal nga 3000px nga hulagway. Makatipid og pipila ka kilobyte ang compression, apan ang “sayop nga dimensyon” magresulta sa pag-download nimo og daghang beses nga mas daghang datos nga walay maayong rason.

4. Unsaon nako pagsiguro nga ang “mas gamay nga bersyon” ang giload, imbis nga ang orihinal nga hulagway matag higayon?

Hunahunaa ang duha ka panghitabo:

• Kung tan-awon sa mobile device, ang mga gi-download nga hulagway klarong mas gamay kaysa sa desktop.
• Ang gidak-on sa file sa parehas nga hulagway nagkalainlain depende sa device nga gigamit niini.
  Kung ang mga hulagway pirmi ma-download sa ilang orihinal nga gidak-on, kasagaran tungod kay ang tema o page builder nagtutok sa hulagway isip CSS background image o custom output, nga nagpalaktaw sa suporta sa media library alang sa daghang dimensyon ug sa `srcset` attribute.

5. Ang “WebP/AVIF generated” ba nagpasabot nga ang front end nag-output og WebP/AVIF?

dili katumbas sa
Ang paghimo hingpit ra sa “file level”; kung ang WebP/AVIF tinuod nga ma-serve sa front end nagdepende sa mga hinungdan sama sa pag-rewrite, sa estratehiya sa `picture` tag, kung maigo ba ang cache, ug kung epektibo ba ang browser negotiation. Sa diha nga mahuman na ka, kinahanglan nimo nga “i-spot-check ang mga tipo sa resource sa pipila ka mga hulagway”.

6. Unsa gyud ang mga risgo nga nalambigit sa WebP o AVIF? Pwede ba ko mag-run og one-click scan sa tibuok database?

Ang risgo dili sa “kompresyon”, kondili saMga kausaban sa mga lebel sa pagbalhin sa kabtangan：

• Sa paghimo sa tibuok hugpong, ang mga ID sa orihinal nga mga file sa imahe mahimong masulat pag-usab, ang orihinal nga mga file mahimong mapapas, ug ang mga URL sulod sa sulod mahimong mapulihan.
  BusaDili namo girekomenda nga ilisan dayon ang tibuok database.: Sugdi sa usa ka gamay nga suway (pipila ka dosena hangtod pipila ka gatus ka rekord) ug siguroha nga naa kay nagtrabaho nga backup sa dili pa magpadayon sa tibuok database.

7. Unsaon nimo pagpili tali sa duha ka mode sa Plus WebP: ipadayon ba ang orihinal nga hulagway o ilisan ug tangtangon ang orihinal nga hulagway?

Sa yano nga pagkasulti:

• Opsyon 1: I-tipig ang orihinal nga hulagway + paghimo og mga kopya nga WebP/AVIF (mas kasaligan)Sayon ra kini ibalik, apan kini nagkinahanglan og mas daghang luna sa disk (orihinal nga imahe + bag-ong pormat + daghang gidak-on sa thumbnail).
• Pamaagi 2: Ilisi ug tangtanga ang orihinal nga hulagway (mas radikal)Ang disk dili hilabtan sa pagpalapad, apan kung imo usbon ang mga asset ug reperensya, mas mahal ang gasto sa pagsulbad sa mga isyu sa pagkaangay.
  Mas komplikado ang site (e-commerce, daghang plugins, lain-laing gidak-on), mas among girekomenda nga magsugod ka sa usa ka mas lig-on nga pamaagi.

8. Igo na ba ang libre nga lokal nga compression nga gitanyag sa EWWW Image Optimizer? Makapabug-at ba kini sa server?

Ang EWWW mas sama sa usa ka lokal nga compression tool: kini naggamit og CPU/IO.
Kasagaran mosaka ang karga atol sa batch optimisation; dili kini nagpasabot nga napakyas ang sistema, kondili kinahanglan husto ang pamaagi: buhata ang trabaho sa mga batch sa mga oras nga dili peak, ug pilia ang pag-offload o mga solusyon sa cloud kung kinahanglan.
Kung nangita ka og solusyon nga walay kalisud, o kung limitado ang mga kahinguhaan sa imong server, mas angay sa server ang Opsyon B.

9. Naghatag ang ShortPixel og 100 ka libre nga kredito matag bulan, busa nganong mura'g naubos na sila pagkahuman lang sa pipila ka mga hulagway?

kay Ang “Credits” dili nagtumong sa 'gibana-bana nga gidaghanon sa mga hulagway'.”, palapdan gamit ang thumbnails ug sunod nga henerasyon:

• Orihinal nga hulagway + kredito para sa matag thumbnail
• Kung maghimo og mga file nga WebP/AVIF, ang matag katugbang nga bersyon magkinahanglan og dugang nga gasto sa credits.
  Busa ang imong hunahuna nga “usa ka hulagway” mahimong mogamit og hapit “doble-digit nga kredito”. ShortPixel

10. Ngano nga dali ra kaayo mahurot ang libre nga 201 TP234T matag bulan nga allowance sa Imagify?

Ang Imagify mas sama sa usa ka “data bundle”:

• Sumala sa imong mensaheOrihinal nga gidak-on sa fileIbawas gikan sa quota
• Mas daghan ang thumbnails, mas dako ang konsumo sa mga kapanguhaan.
• Ang pag-usab sa lebel sa compression ug pag-usab sa pag-optimize mokaon pag-usab sa quota.
• Ang usa ka API key mahimong magamit sa daghang mga site, nga gipaambit ang mga quota.
  Busa ang mensahe nga “20MB hapit na mahurot” kasagaran tungod sa dagkong hulagway, daghan kaayo nga thumbnails, o balik-balik nga pagsulay ug sayop.

11. Naghatag ang TinyPNG og 500 ka libreng kredito matag bulan, busa ngano nga nag-ingon ang plugin nga mga 100 ra ka hulagway matag bulan, ug ngano nga moubos kini ngadto sa 50 ka hulagway matag bulan kung ma-enable na ang WebP/AVIF?

Kini tungod kay ang mga kredito sa TinyPNG gipadako usab ilawom sa “Dimensions/Variants”:

• Ang usa ka standard nga instalasyon sa WordPress kasagaran mokompres og mga 100 ka hulagway matag bulan.
• I-aktibar ang konbersyon sa AVIF o WebP:Ang matag gidak-on sa hulagway magkinahanglan og usa ka dugang nga kredito., busa lagmit makakompres ug makakonbert ra ko og mga 50 ka hulagway matag bulan (depende sa gidaghanon sa gidak-on sa thumbnail).
  Busa, 500 ka kredito dili katumbas sa 500 ka mga hulagway.

12. Pila ka thumbnails ang naa sa among site? Ngano man nga dako kaayo ang ilang epekto?

Ang pag-upload og hulagway sa WordPress nagmugna og daghang gidak-on; ang mga tema ug mga plugin (labi na kadtong para sa e-commerce) mahimo'g magmugna pa gyud og daghan pa.
Sa cloud compression, kasagaran ang mga kredito o quota gikalkula base sa kinatibuk-ang total sa orihinal nga imahe ug sa mga thumbnail niini, busa kung daghan ang mga thumbnail, mas dali mahurot ang libreng allowance.

13. Kanunay ba nga makapadali sa dagan ang lazy loading? Ngano man nga ang uban moingon nga ang lazy loading makapahinay diay sa dagan?

Ang lazy loading angay para sa mga kapanguhaan nga wala sa screen.
Kung ang labing importante nga dako nga hulagway sa unang screen madugay usab, mahimo kini makapahinay sa inisyal nga kasinatian sa pag-load. Bisan pa nga maayo ang default nga lazy loading sa WordPress 5.5 ug sa mga sunod nga bersyon, dili nimo kini angay gamiton sa tanang bahin.

14. Kanus-a nako kinahanglan ang CDN / Image CDN kung kuhaon nako ang Ruta A o B?

Ang compression, gidak-on sa file, ug format nagtubag sa isyu sa paghimo sa mga file nga mas gamay ug mas angay;
Ang CDN nagsiguro og mas paspas ug mas kasaligan nga paghatud.。
Kung adunay dakong paglangan tungod kay ang mga hulagway gikuha gikan sa layo nga origin server, ang pagdugang og CDN matag hulagway (pananglitan Cloudflare Polish / Jetpack Site Accelerator) kasagaran maghatag og mas lig-on nga kasinatian, nga naghimo sa sulod nga mas sayon basahon. Pagpaspas sa WordPress CDN。

15. Sa diha nga mahuman nako, unsaon nako sa pinakasayon nga paagi aron masusi nga nagtrabaho gyud kini?

Ang pinakapaspas nga paagi sa pag-verify:

• Sa pag-refresh sa parehas nga pahina sa ikaduhang higayon, mas lig-on ug mas paspas ba ang proseso sa pag-load?
• Aduna bay klarong kalainan sa gidak-on sa hulagway tali sa mobile ug desktop nga mga bersyon (nagtrabaho ba ang srcset/sizes sumala sa gitinguha)?
• Susiha lang og pila ka mga hulagway: aduna bay mga file o kapanguhaan nga WebP o AVIF?
• Tan-awa ang pipila ka mga hulagway: i-zoom in aron makita kung klaro ba kini o kung ang teksto murag malabo.