Mae optimeiddio delweddau yn un o'r agweddau ar berfformiad WordPress sydd â'r “taliad gorau'n ôl”: gyda'r un strwythur tudalen a'r un thema, gall cael maint ffeil, dimensiynau, fformat a dull dosbarthu'r ddelwedd yn gywir yn aml arwain at welliant uniongyrchol o ran amseroedd llwytho.

Fodd bynnag, delweddu yw'r maes hefyd lle mae'n hawsaf i fynd i'r afael â'r pethau a gwneud llanast ohonynt; nid oherwydd bod y dechnoleg yn rhy anodd yw hyn, ond yn hytrach oherwydd bod y wybodaeth yn rhy ddarniog:
Rydych chi wedi darllen ychydig o erthyglau ac wedi dysgu am “gywasgu”, “WebP/AVIF” a “llwytho'n ddiog”, ond wedyn rydych chi'n edrych ar ddisgrifiad y plugin ac mae'n dweud “100 credyd am ddim y mis”, “20MB am ddim” a “1 credyd fesul delwedd”—a pho fwyaf y darllenwch, y mwyaf dryslyd ydych chi'n teimlo. A yw'r neilltuad am ddim yn ddigon mewn gwirionedd? Sut mae'r taliadau'n cael eu didynnu? Ydych chi wedi camddeall “yr un peth”? Ac yn bwysicaf oll:A weithiodd o gwbl unwaith dy fod ti wedi gorffen?

Dim ond tri pheth mae'r erthygl hon yn eu gwneud:

  1. Dyma awgrym ymarferol.Map ffordd(Beth i'w wneud yn gyntaf, beth i'w wneud nesaf)
  2. Esboniwch yr opsiynau rydych yn eu hystyried yn fanwl (beth yn union sy'n gwahaniaethu rhwng y fersiynau rhad ac am ddim a'r rhai taledig, a phwy mae pob un yn fwyaf addas ar eu cyfer)
  3. Dyma'r maglau mwyaf cyffredin i gadw llygad amdanynt (fel nad oes rhaid i chi dreulio amser yn chwilio am atebion ar ôl i chi orffen)

1. Y pethau sylfaenol: Beth mae WordPress yn ei gynnwys, a beth nad yw'n ei gynnwys

Os na ddeallwch yn gyntaf beth mae craidd WordPress eisoes wedi'i wneud, mae'n debygol y bydd dau sefyllfa'n codi:

  • Yn lle gwneud defnydd o'r “galluoedd am ddim” sydd ar gael i ni, rydym wedi gwastraffu amser ac arian yn ailddyfeisio'r olwyn.
  • Roeddwn i'n meddwl y byddai WordPress yn “trosi'n awtomatig yr holl hen ddelweddau i WebP/AVIF”, ond mae'n debyg nad yw'n gwneud hynny.

Mae Craidd WordPress eisoes yn cynnwys y nodweddion allweddol hyn:

  • Delweddau ymatebol (srcset/sizes)O WordPress 4.4 ymlaen, bydd y craidd yn allbwnnu delweddau. srcsetsizes... a gwneud defnydd o'r delweddau aml-feintiau a gynhyrchir wrth eu huwchlwytho i ganiatáu i'r porwr ddewis a llwytho'r adnoddau mwyaf addas yn seiliedig ar amodau'r sgrin.
  • Llwytho'n ddiog brodorolO WordPress 5.5 ymlaen, mae llwytho'n ddiog brodorol wedi'i alluogi yn ddiofyn ar gyfer delweddau, gan ddefnyddio safonau HTML. loading Gweithrediad eiddo.
  • Yn cefnogi uwchlwythiadau WebPO WordPress 5.8 ymlaen, gallwch uwchlwytho a defnyddio ffeiliau WebP yn yr un ffordd â JPEGs a PNGs (ar yr amod bod eich amgylchedd cynnal yn cefnogi WebP).
  • Yn cefnogi uwchlwythiadau AVIFO WordPress 6.5 ymlaen, gellir uwchlwytho a defnyddio ffeiliau AVIF yn yr un ffordd â ffeiliau JPEG a PNG (yn amodol ar gefnogaeth gan amgylchedd y gweinydd).

Sylwch, fodd bynnag:
“Cefnogaeth ar gyfer uwchlwytho/defnyddio” ≠ “trosi/danfon awtomatig”.
Mewn geiriau eraill: hyd yn oed os ydych chi eisoes ar WP 6.5, ni fydd y ffeiliau JPG/PNG yn eich llyfrgell gyfryngau yn trosi'n awtomatig i WebP/AVIF; ac na chewch chi'n awtomatig ymarferoldeb llawn “allbwnu AVIF/WebP yn seiliedig ar alluoedd y porwr a throi'n ôl i'r ddelwedd wreiddiol ar gyfer porwyr heb gefnogaeth”—mae angen ategyn neu wasanaeth fel arfer i lenwi'r bwlch ar gyfer y rhan hon.

2. Ffordd-map: Canllaw 5-cam i optimeiddio delweddau

Beth i'w wneud, pam, beth sy'n gyfystyr â bas, a beth yw'r maglau cyffredin.

2.1 Cael y “dimensiynau” yn iawn yn gyntaf (y peth hawsaf i'w anwybyddu, ond yr un sy'n arwain at y manteision mwyaf)

Mae llawer o wefannau'n araf nid oherwydd nad ydynt wedi'u hoptimeiddio, ond oherwyddLawrlwythwyd delwedd sy'n llawer mwy na'r ardal arddangos.
Er enghraifft, os yw tudalen mewn gwirionedd yn 900px o led yn unig ond eich bod yn gwneud i ymwelwyr lawrlwytho'r ddelwedd wreiddiol 3000px, bydd y porwr yn syml yn ei “lawrlwytho ac yna'n ei graddio i lawr i'w ddangos”. Mae hyn yn gwastraffu band llydan, yn cynyddu amser dadgodio ac yn arafu'r amser y mae'n ei gymryd i'r sgrin gyntaf lwytho.

Ar gyfer WordPress 4.4 a diweddarachCymhwysedd delweddau ymatebolsrcset/sizes) a ddyluniwyd yn benodol i fynd i'r afael â'r mater hwn.

Beth sy'n gyfystyr â bas:

  • Pan gaiff y dudalen ei gweld ar ddyfais symudol, dylai'r delweddau sydd wedi'u lawrlwytho fod yn amlwg yn llai na ar gyfrifiadur pen desg.
  • Mae maint y ffeil o'r un ddelwedd yn amrywio yn ôl y ddyfais (yn hytrach na lawrlwytho'r ddelwedd wreiddiol bob amser)

Y maglau mwyaf cyffredin:

  • Mae rhai themâu neu adeiladwyr yn trin delweddau fel delweddau cefndir CSS neu'n eu rendro mewn ffordd bwrpasol, a allai osgoi srcset, gan arwain at y ddelwedd fawr yn parhau i lwytho
  • Os ydych chi'n defnyddio gwasanaethau cynnal delweddau allanol neu flociau delweddau trydydd parti, efallai y byddwch yn gallu osgoi'r system meintiau lluosog a gynhyrchir gan y llyfrgell gyfryngau.

2.2 Cywasgu (lleihau maint y ffeil heb beryglu'r ansawdd)

Hanfod cywasgu yw nad “bachach yw gwell”, ond yn hytrach bod “y gwahaniaeth prin yn weladwy i'r llygad noeth, ac eto mae maint y ffeil wedi'i leihau'n sylweddol”.

Mae'r rheolau fel a ganlyn:

  • Ffotograffau/Lluniau bywyd go iawn (portreadau, cynhyrchion, tirluniau): Blaenoriaethu cywasgu gollol (y budd mwyaf)
  • Lluniau sgrin/delweddau sy'n cynnwys llawer o destun: Cymhwyso cywasgiad mwy ceidwadol i atal y testun rhag ymddangos yn aneglur
  • Logo/Eicon: Blaenoriaethwch SVG neu defnyddiwch gywasgu di-golled yn ofalus (gall cywasgu collol achosi ymylon aneglur yn hawdd)

Beth sy'n gyfystyr â bas:

  • Mae meintiau ffeiliau'r rhan fwyaf o ddelweddau'r dudalen wedi'u lleihau'n sylweddol.
  • Dim sŵn amlwg, ymylon aneglur, bandio lliw na thestun aneglur

2.3 WebP / AVIF (Polisi fformat: maint ffeil llai am yr un lefel o eglurder)

Mae WordPress bellach yn cefnogi uwchlwytho ffeiliau. WebP (5.8) ac AVIF (6.5)
Fodd bynnag, i roi'r “fformat cenhedlaeth nesaf” i ddefnydd ymarferol, fel arfer mae angen datrys dau fater:

  1. Sut i drosi'r llyfrgell cyfryngau hanesyddol ar raddfa fawr(Fel arall, dim ond “delweddau newydd a uwchlwythir yn y dyfodol” y byddwch yn ei optimeiddio)
  2. A ddylwn i greu copi neu ddisodli'r ddelwedd wreiddiol?(Mae hwn yn bwynt hollbwysig; byddwn yn canolbwyntio'n ddiweddarach ar nodwedd “disodli a dileu'r gwreiddiol” Plus WebP.)

Dull gweithredu a argymhellir:

  • WebP: Yn gyffredinol y dewis diofyn (yn cynnig cydnawsedd mwy dibynadwy)
  • AVIF: Cam ymhellach mewn cywasgu, yn addas ar gyfer delweddau mawr, delweddau mawr ar y sgrin gyntaf, a delweddau oriel (ond mwyYn ddibynnol ar gymorth amgylcheddol

2.4 Defnyddiwch llwytho segur yn gywir (peidiwch â defnyddio dull un maint i bawb)

O WordPress 5.5 ymlaenLlwytho'n ddiofyn yn ddi-ymdrechDelwedd.
Mae'n lleihau'r defnydd o fand eang yn ystod y rendro cychwynnol:

  • Mae llwytho'n ddiog yn addas ar gyfer “adnoddau oddi ar y sgrin”.”
  • Yn gyffredinol, nid yw'r ddelwedd fawr ar frig y dudalen (sydd yn aml y ddelwedd bwysicaf ar y sgrin gyntaf) yn addas ar gyfer llwytho gohiriedig.

2.5 Haen dosbarthu: CDN / Delwedd CDN

Nod cywasgu, maint ffeil a fformat yw gwneud ffeiliau'n llai ac yn fwy addas.
Fodd bynnag, os caiff delweddau eu casglu'n gyson o'r gweinydd gwreiddiol dros bellteroedd hir, bydd hwyrni'r rhwydwaith yn dal i effeithio'n sylweddol ar brofiad y defnyddiwr. Mewn achosion o'r fath, mae angen datrysiad “haen ddosbarthu” (CDN/delwedd CDN).

Dau ddull nodweddiadol:

  • Cloudflare Gwlad PwylDogfennaeth CloudflareMae'r adran hon yn cyflwyno'r dulliau cywasgu sydd ar gael yn Wlad Pwyl (di-golled, golledol a WebP), ac yn crybwyll y defnydd o format=auto Caniateir fformatau WebP ac AVIF.
  • Cyflymydd Safle JetpackDogfennaeth JetpackMae hyn yn golygu y bydd yn optimeiddio delweddau ac yn eu dosbarthu drwy ei rwydwaith ochr yn ochr ag adnoddau statig.

Mae optimeiddio delweddau yn sicrhau bod delweddau'n cael eu lleihau o ran maint a'u hailfeintio'n briodol.CDN: Danfon yn nes ac yn fwy dibynadwy

3. Dewis llwybr: Dilynwch y ddau brif lwybr yn unig.

Y camgymeriad mwyaf cyffredin wrth optimeiddio delweddau yw nid “peidio â gosod ategyn”, ond gosod gormod o ategion, sy'n arwain at brosesu dyblyg:
Mae A yn cywasgu, mae B yn cywasgu hefyd; mae A yn trosi i WebP/AVIF, mae B yn gwneud yr un peth; mae A yn newid URLau, mae B yn ailysgrifennu URLau—yn y diwedd, allaet ti hyd yn oed ddim gwneud penn na chynffon o'r hyn sy'n digwydd go iawn ar y wefan.

Rheolau:

Cadwch at un dull: naill ai storfa leol gwbl rydd, neu un o'r tri opsiwn cywasgu cwmwl.

  • Llwybr A (lleol cwbl am ddim):Hefyd WebP neu AVIF + EWWW Image Optimizer(neu dewiswch un yn unig ohonynt)
  • Opsiwn B (Dewiswch un o'r tri dull cywasgu cwmwl):ShortPixel / Imagify / TinyPNG

3.1 Opsiwn A: Lletya lleol cwbl rhad ac am ddim (Plus WebP neu AVIF neu EWWW)

Prif nodweddion y llwybr hwn yw:

  • Nid ydych yn dibynnu ar wasanaethau gwasgu trydydd parti sy'n codi tâl ar sail cwota misol neu fesul ffeil (er y gallai rhai nodweddion fod ar gael fel gwasanaethau dewisol)
  • Yr anfantais yw y gall prosesu swp osod llwyth trymach ar y gweinydd o ran CPU/IO, gan ei gwneud yn ofynnol i chi dalu mwy o sylw i “strategaeth a risg”.”

3.1.1 Hefyd WebP neu AVIFY cysyniad craidd yw “cynhyrchu/amnewid”; nid “offeryn cywasgu” ydyw yn yr ystyr draddodiadol.”

  • Wrth gynhyrchu'r set lawn o ddelweddau:Bydd ID y ffeil ddelwedd wreiddiol yn cael ei ailysgrifennu gan y ffeil WebP/AVIF, bydd y ffeil wreiddiol yn cael ei dileu, a bydd unrhyw URLau yn y cynnwys hefyd yn cael eu disodli.
  • Mae'r ategyn yn darparu gorchmynion WP-CLI ac yn cynghori bod WP-CLI yn fwy dibynadwy wrth ddelio â niferoedd mawr o ffeiliau.

Mae hyn yn golygu: nid yw'n syml “cynhyrchu ffeil WebP i chi'n dawel”, ond yn hytrach gall fod ynTrosglwyddo asedau(yn enwedig os ydych wedi galluogi'r opsiwn “Newid a dileu'r fersiwn wreiddiol”).

Y gwahaniaeth rhwng y ddau ddull

Opsiwn 1: Cadw'r ddelwedd wreiddiol + cynhyrchu copïau WebP/AVIF (mwy dibynadwy)

  • Mantais: Mae'n haws dychwelyd os bydd problemau cydnawsedd yn codi.
  • Anfantais: Bydd y defnydd o ddisg yn cynyddu (delwedd wreiddiol + fformat newydd + meintiau amrywiol o fân-luniau)

Dull 2: Amnewid a dileu'r ddelwedd wreiddiol (mwy radical)

  • Manteision: Ni fydd y ddisg yn llenwi mor gyflym; mae dolenni mewnol yn cael eu trosi'n awtomatig i'r fformat newydd.
  • Risg: Os byddwch yn addasu'r asedau a'u cyfeiriadau, bydd datrys problemau cydnawsedd yn costio mwy (yn enwedig lle mae systemau allanol neu loegig y thema yn dibynnu ar enwau ffeiliau, llwybrau neu fformatau gwreiddiol).

Argymhellion

Cyn dewis “Amnewid a dileu'r gwreiddiol”, cynharwch brawf bach yn gyntaf a sicrhewch fod gennych gopi wrth gefn ar gael; peidiwch ag amnewid y gronfa ddata gyfan ar unwaith.

Maglau cyffredin gyda WebP neu AVIF

  1. Ar ôl gwneud newid llwyr i'r llyfrgell, mae delweddau ar rai tudalennau'n cael eu harddangos yn anghywir.
    Fel arfer, nid y broblem yw bod y ddelwedd wedi torri, ond yn hytrach bod rhywbeth wedi mynd o'i le rhywle yn y gadwyn—megis newid URL, storio dros dro, neu'r polisi mân-luniau.
  2. Po fwyaf o fân-luniau sydd, y mwyaf eang cwmpas y newidiadau.
    Mae uwchlwytho delwedd i WordPress yn cynhyrchu meintiau lluosog; gall themâu ac ategion ychwanegu hyd yn oed mwy. Mae cyfnewid llawn yn golygu y gallai fod yn rhaid i chi addasu set fawr iawn o ffeiliau.
  3. Nid yw trosi fformat ar ei ben ei hun o reidrwydd yn arwain at y maint ffeil lleiaf.
    Mae ffeiliau WebP ac AVIF yn gyffredinol yn llai o faint, ond mae “strategaethau dimensiynu” a “strategaethau cywasgu” yn parhau i fod yn hollbwysig. Peidiwch â thrin Plus WebP fel “datrysiad un clic” ar gyfer amseroedd llwytho cyflymach.

3.1.2 Optimeiddiwr Delwedd EWWW: Prif ddarparwr cywasgu lleol am ddim

Mae gan dudalen yr ategyn EWWW bwrpas clir iawn:

  • Gall optimeiddio delweddau ar eich gweinydd gan ddefnyddio amrywiaeth o offer (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, ac ati).
  • Os oes angen mwy o gywasgiad arnoch neu os ydych am arbed ar CPU, gallwch hefyd drosglwyddo'r prosesu sy'n defnyddio CPU i'ch gweinydd (dewisol).

Pa rôl ddylai EWWW ei chwarae yn Llwybr A?

Os ydych chi'n defnyddio Plus WebP ar gyfer “strategaeth mudo/disodli fformat”, yna mae EWWW yn fwy addas i ymdrin â:

  • Optimeiddio Cywasgiad a Chyfaint(yn enwedig optimeiddio asedau crai fel ffeiliau JPG a PNG)
  • Optimeiddio swp y llyfrgell cyfryngau hanesyddol(Gan anelu at “leihau maint” yn hytrach na “chyfnewid URL”)

Noder

Plws WebP Ych: gellir eu trosi i gyd i AVIF neu WebP
Rydym yn argymell gosod dim ond un ohonynt, gan y gallai gosod y ddau achosi gwrthdaro.

Magl nodweddiadol EWWW

  1. Mae llwyth y gweinydd yn cynyddu yn ystod optimeiddio swp.
    Mae hyn oherwydd bod cywasgu lleol yn defnyddio CPU/IO. Nid yr ateb yw “rhoi'r gorau i'w ddefnyddio”, ond yn hytrach “prosesu mewn swp, yn ystod oriau tawel, a dewis dadlwytho neu ddatrysiadau cwmwl lle bo angen”.
  2. “Nid yw ”Mae WebP wedi'i gynhyrchu" o reidrwydd yn golygu bod y blaen yn gweini WebP mewn gwirionedd.
    Mae llawer o ategion yn dioddef o'r camdybiaeth bod cynhyrchu yn un peth, tra bod strategaethau dosbarthu (megis ailysgrifennu, tagiau `picture` a dyddiad dod i ben y storfa) yn gwbl wahanol.
  3. Yn dyblygu ymarferoldeb ategyn arall
    Os dewiswch Ddewis A, ceisiwch osgoi defnyddio gwasanaethau gwasgu cwmwl ychwanegol fel ShortPixel, Imagify neu TinyPNG; os dewiswch Ddewis B, peidiwch â galluogi'r rhesymeg amnewid yn Plus WebP. Y egwyddor graidd yw:Cadwch at un cwrs o weithredu.

3.2 Opsiwn B: Dewiswch un o dri gwasanaeth gwasgu cwmwl (ShortPixel / Imagify / TinyPNG)

Mae'r cynllun hwn yn ddelfrydol i'r rhai sy'n dymuno arbed adnoddau'r gweinydd, sy'n ffafrio dull di-drafferth o brosesu swp, ac sy'n gyfforddus gyda bilio ar sail defnydd neu dalu wrth ddefnyddio.
Fodd bynnag, y pwynt camddeall mwyaf cyffredin ynghylch cywasgu cwmwl yw:Nid mater o “ddalenau rhydd” yn unig yw'r lwfans rhad ac am ddim.Bydd nifer y meintiau mân-lun, p'un a yw fformatau WebP/AVIF yn cael eu cynhyrchu, a ph'un a yw'r delweddau'n cael eu cywasgu dro ar ôl tro, i gyd yn cael effaith sylweddol ar ddefnydd adnoddau.

Isod, byddwn yn esbonio: y gwahaniaeth rhwng opsiynau am ddim ac opsiynau taledig, sut mae'r credyd yn cael ei ddidynnu, y maglau mwyaf cyffredin i'w hosgoi, a pha fathau o wefannau sydd fwyaf addas ar gyfer y gwasanaethau hyn.


3.2.1 ShortPixel: 100 credyd am ddim y mis, ond bydd y credydau'n cael eu defnyddio gan fân-luniau a chwyddiadau WebP/AVIF.

Beth yw'r stori gyda'r opsiynau am ddim a thâl?

Mae disgrifiad y plugin ShortPixel yn nodi'n glir:

  • 100 credyd am ddim y mis
  • Mae yna hefyd “credydau misol ychwanegol diderfyn” (darperir manylion prisio ar dudalen y plugin)
  • Rydym hefyd yn cynnig “pecynnau credyd untro nad ydynt byth yn dod i ben” (ynghyd â gwybodaeth am brisiau cychwynnol)

Nodyn:

  • Am Ddim: Darperir nifer penodol o gredydau bob mis i'w defnyddio ar wefannau ysgafn neu ar gyfer profi.
  • Pecyn untro: Addas ar gyfer safleoedd sydd â llyfrgell cyfryngau fawr sy'n dymuno clirio eu stoc ar unwaith (wedi'i brynu unwaith ac yn ddilys nes iddo redeg allan; fel arfer heb ddyddiad dod i ben)
  • Misol/Diderfyn: Addas ar gyfer gwefannau sydd angen diweddariadau delwedd rheolaidd ac optimeiddio sefydlog, hirdymor.

Mae cronfa wybodaeth swyddogol ShortPixel hefyd yn darparu arweiniad ar “becyn untro yn erbyn misol diderfyn”.Esboniad clirCaiff y cynllun Misol Diderfyn ei filio'n fisol (neu'n flynyddol), gan gynnig credydau diderfyn a chotâ CDN sefydlog; nid yw credydau untro yn darfod, gan roi mwy o reolaeth i chi dros ddefnydd pryd bynnag y bo angen.

Argymhellion

  • Clirio'r hen safle: blaenoriaeth i becynnau untro
  • Diweddariadau parhaus: Yn fwy addas ar gyfer cynlluniau misol/diderfyn (defnyddiwch diderfyn os nad ydych am gadw golwg ar gredydau)

Yn bwysicaf oll: Sut mae credydau ShortPixel yn cael eu cyfrifo?

Dogfennaeth Swyddogol ShortPixel Fe'i dywedodd KB yn blaen iawn:

  • Pan fyddwch chi'n uwchlwytho delwedd i WordPress, mae'n cynhyrchu sawl mân-lun;
  • Mae optimeiddio pob mân-lun yn cyfrif fel un credyd.
  • Os dewiswch chi gynhyrchu WebP neu AVIF,Bydd pob fersiwn WebP neu AVIF o ddelwedd wreiddiol neu fân-lun yn cyfrif fel credyd ychwanegol.
  • Gallwch eithrio lluniau bach penodol o'r optimeiddio i leihau'r defnydd o gredyd.

credydau enghraifft

Gosodwch eich bod yn uwchlwytho un ddelwedd, a bod y thema neu'r ategyn yn cynhyrchu wyth mân-lun:

  • Optimeiddio'r ddelwedd wreiddiol a'r mân-ddelweddau yn unig: 1 (delwedd wreiddiol) + 8 (mân-ddelweddau) = 9 credyd
  • Os ydych chi hefyd eisiau cynhyrchu ffeiliau WebP/AVIF: ychwanegwch fersiwn cenhedlaeth nesaf i bob un o'r 9 uchod → a 9 credyd
    Mewn geiriau eraill, gallai'r hyn y byddech chi'n ei ystyried yn “un ddelwedd” mewn gwirionedd gostio bron i “gredydau deugain”.

Felly:“Nid yw ”100 credyd am ddim“ yn golygu ”100 delwedd am ddim".

Y maglau mwyaf cyffredin gyda ShortPixel

  1. Bydd y 100 credyd am ddim yn darfod yn fuan.
    Rheswm: Nifer fawr o fân-luniau + amser prosesu ychwanegol angenrheidiol i gynhyrchu ffeiliau WebP/AVIF.
    Argymhellion
  • Yn gyntaf, aseswch nifer y mân-luniau ar y wefan.
  • Dileu meintiau nad ydynt yn angenrheidiol ar gyfer mân-luniau (optimeiddio'r meintiau a ddefnyddir mewn gwirionedd yn unig)
  • Penderfynwch ar strategaeth cywasgu yn gyntaf, yna rhedwch y broses mewn swpiau i osgoi gwastraffu amser ar brawf a methiant.
  1. Defnyddiwch ar y cyd â phlwg-ins trosi fformat eraill
    Os byddwch yn galluogi adferiad Plus WebP a hefyd yn cael ShortPixel i gynhyrchu a mewnosod tagiau cenhedlaeth nesaf, bydd y rhesymeg yn gorgyffwrdd, gan ei gwneud yn anoddach datrys problemau. Gyda Dewis B, mae ShortPixel yn ymdrin â'r dasg hon ar ei ben ei hun.
  2. Roeddwn i'n cymryd yn ganiataol, unwaith y byddai wedi'i osod, y byddai'r rhyngwyneb blaen yn cynhyrchu ffeiliau WebP/AVIF yn awtomatig.“
    Tudalen ychwanegyn ShortPixelMae'n gallu trosi ffeiliau WebP ac AVIF, ac yn gallu ymgorffori delweddau'r genhedlaeth nesaf mewn tudalennau blaen (er enghraifft, drwy dagiau).
    Fodd bynnag, mae angen i chi wirio'r canlyniadau unwaith y byddwch wedi gorffen.

3.2.2 Dychmygwch: Am ddim 20MB/mis; mae'r cwota'n cael ei ddidynnu yn seiliedig ar “ Maint y ddelwedd wreiddiol + nifer y mân-ddelweddau”; bydd ail-gywasgu yn arwain at ddidyniadau dyblyg

Lleoliad a lwfans am ddim

Tudalen Brisiau Swyddogol ImagifyNodir yn gwbl glir:Mae gan gyfrifon am ddim cwota misol o 20MB
Mae ei dudalen ategyn hefyd yn nodi y gall gywasgu, ailfeintio a throsi i WebP/AVIF.

Sut mae'r cwota'n cael ei ddidynnu?

Dogfennaeth Swyddogol Imagify “Mae ”Sut mae Defnydd Cwota yn cael ei Gyfrifo?" yn egluro'r mecanwaith bilio yn glir iawn:

  • Mae nifer y mân-luniau yn effeithio ar ddefnydd adnoddau.Er enghraifft, os oes gennych 10 maint mân-lun, bydd optimeiddio un ddelwedd yn arwain at 11 delwedd yn cael eu hatal (y ddelwedd wreiddiol a 10 mân-lun), a bydd pob un ohonynt yn cyfrif tuag at eich cwota.
  • Tynnwch y cwota yn ôl yn seiliedig ar faint gwreiddiol y ffeil.Er enghraifft, os byddwch yn uwchlwytho delwedd 100KB i Imagify, bydd 100KB yn cael ei ddidynnu o'ch cwota.
  • Bydd newid y lefel cywasgu ac ail-optimeiddio yn defnyddio'r cwota eto.
  • Gellir defnyddio un allwedd API ar draws sawl safle, ond mae'r cwota'n cael ei rannu rhyngddynt.

Dyma “ddull craidd” Imagify:
Mae'n debycach i becyn data: po fwyaf y byddwch yn uwchlwytho, y mwyaf y mae'n ei ddidynnu; po fwyaf o fân-luniau y byddwch yn uwchlwytho, y mwyaf y mae'n eu didynnu; ac os byddwch yn ail-uwchlwytho'r un cynnwys dro ar ôl tro, bydd yn didynnu'r ffi bob tro.

Enghraifft hawdd ei deall o gotâu Imagify

Gosodwch eich bod yn uwchlwytho delwedd wreiddiol o 800 KB, a bod y wefan yn cynhyrchu 8 mân-ddelwedd.

  • Wrth optimeiddio gydag Imagify, mae'r “ddelwedd wreiddiol a 8 mân-lun” yn cael eu cynnwys (os dewiswch “Optimeiddio pob un”), sy'n golygu y bydd yr weithred hon yn defnyddio cwota sy'n cyfateb i bron 'maint cyfanswm yr holl ffeiliau hyn'.
    Dyma pam mae rhai gwefannau'n canfod bod eu cwota “20MB” yn rhedeg allan yn gyflym: nid nad yw Imagify yn gallu ymdopi â'r dasg, ond yn hytrach bod y delweddau rydych chi'n eu huwchlwytho yn rhy fawr, eich bod yn cynhyrchu gormod o fân-ddelweddau, ac efallai eich bod hefyd yn arbrofi gyda gwahanol lefelau cywasgu dro ar ôl tro.

Y maglau mwyaf cyffredin gydag Imagify

  1. Nid yw Free 20MB yn ddigonol i berfformio “glanhad hanes safle cyflawn”.”
    Mae 20MB yn gyffredinol yn fwy addas ar gyfer profi a diweddariadau bach; os yw eich llyfrgell cyfryngau eisoes yn fawr, mae'n debyg y bydd angen uwchraddiad i'w clirio i gyd ar unwaith.
  2. Mae addasu'r lefel cywasgu dro ar ôl tro yn arwain at ddefnyddio'r cwota dro ar ôl tro.
    Imagify: Esboniad ClairBydd ail-optimeiddio yn defnyddio'r cwota eto.
    Rydym yn argymell eich bod yn nodi'r “strategaeth” yn glir ar y dudalen hon:
  • Dechreuwch drwy ddefnyddio nifer bach o ddelweddau i bennu'r lefel cywasgu a'r ansawdd gweledol.
  • Unwaith y bydd y strategaeth wedi'i chwblhau, rhedwch hi mewn swpiau.
    Osgoi prawf a methiant ar draws y gronfa ddata gyfan
  1. Mae rhannu un allwedd API ar draws sawl safle yn achosi i'r cwotâu “leihau'n ddirgel”.”
    Os byddwch yn defnyddio'r un allwedd API ar draws sawl safle, bydd y cwotâu'n cael eu rhannu.
    Felly, mewn sefyllfaoedd tîm neu aml-safle, mae'n well egluro pa safleoedd sy'n rhannu adnoddau a pha rai sy'n gweithredu'n annibynnol, er mwyn osgoi gor-gynllunio'r gyllideb.

3.2.3 TinyPNG(Delweddau Gwasgu Bach): 500 credyd am ddim y mis; mae trosi i WebP/AVIF yn codi tâl ychwanegol o 1 credyd fesul maint.“

Lleoldebau rhad ac am ddim a sut y cânt eu cyfrifo

Mae tudalen ategyn WordPress TinyPNG wedi'i hysgrifennu'n glir iawn:

  • 500 credyd am ddim bob mis
  • Mewn “gosodiad WordPress safonol”, mae'n debyg y gallwch gywasgu Tua 100 o ddelweddau'r mis
  • Fodd bynnag, os yw trosi AVIF neu WebP wedi'i alluogi:Bydd pob maint delwedd yn costio un credyd ychwanegol., felly mae'n debyg mai'r unig opsiwn yw ei gywasgu a'i drosi Tua 50 delwedd y mis(Yn dibynnu ar faint o feintiau mân-luniau sydd gennych.)

Yn y cyfamser, mae Tinify (datblygwr TinyPNG a TinyJPG) hefyd wedi Tudalen Prisio APINoder: Cofrestrwch i dderbyn 500 o gywasgiadau am ddim y mis; unwaith y bydd y terfyn hwn wedi'i ragori, codir tâl arnoch yn seiliedig ar nifer y cywasgiadau llwyddiannus, heb unrhyw danysgrifiad gorfodol.

I grynhoi sut mae TinyPNG yn gweithio mewn un frawddeg:
Caiff ei gyfrifo mewn credydau; po fwyaf o feintiau bawd-luniau sydd gennych a pho fwyaf y byddwch yn galluogi WebP/AVIF, y cyflymaf y bydd eich credydau'n cael eu defnyddio.

Enghraifft hawdd ei deall o gredydau TinyPNG

Gosodwch fod eich gwefan yn cynhyrchu wyth maint mân-lun ar gyfer pob delwedd:

  • Gwasgfa yn unig: delwedd wreiddiol + 8 mân-ddelwedd → mae angen 9 credyd
  • Os yw trosi WebP/AVIF wedi'i alluogi: bydd credyd ychwanegol yn cael ei ddidynnu am bob maint → gall hyn bron â dyblu'r cyfanswm.
    Mae hyn yn cyfateb i'r disgrifiad ar dudalen y plugin: unwaith y bydd y trosiad wedi'i alluogi, mae'r cwota rhad ac am ddim yn newid o tua “100 y mis” i “50 y mis”.

Y maglau mwyaf cyffredin gyda TinyPNG

  1. Roeddwn i'n meddwl bod 500 credyd yn golygu 500 o ddelweddau.
    Na. Codir tâl fesul “maint/amrywiad delwedd”. Mae tudalen y plugin yn nodi'n glir y bydd “trosi yn costio 1 credyd ychwanegol fesul maint delwedd”.
  2. Mae'r ategyn thema/e-fasnach yn cynhyrchu gormod o feintiau delwedd, ac mae'r cwota rhad ac am ddim wedi lleihau'n sylweddol.
    Po fwyaf o ddimensiynau sydd, y rhwyddaf yw i gredydau gael eu disbyddu.
  3. Ar ôl actifadu'r trosi, sylweddolais fod fy nghyfyngiad credyd wedi rhedeg allan yn sydyn.
    Nid bai yw hwn; dyma sut mae'r system filio'n gweithio.
    Argymhellion strategaeth:
  • Os yw'r cyfnod rhydd yn bennaf ar gyfer cywasgu a lleihau pwysau, gallwch ddechrau drwy gymhwyso cywasgiad yn unig. Unwaith y byddwch wedi cadarnhau bod strwythur y wefan yn sefydlog a'ch bod wir angen y genhedlaeth nesaf, gallwch wedyn gychwyn y trosi.

4. Argymhellion yn ôl senario: Sut i ddewis ar gyfer gwahanol fathau o wefannau

Er eu bod i gyd yn rhedeg ar WordPress, mae'r “pwyntiau poen delweddau” yn wahanol rhwng gwefannau cynnwys, gwefannau e-fasnach, portffolios a gwefannau aelodaeth.

4.1 Gwefannau/blogiau cynnwys (yn cynnwys nifer o ddelweddau ac erthyglau, gyda threigladau cymedrol)

Argymhellion blaenoriaeth:

  1. Strategaeth Dimensiynu (Cam 1)
  2. Gwasgedd (Cam 2)
  3. WebP (Cam 3)

Llwybr mwy addas:

  • Os ydych chi eisiau opsiwn di-drafferth: dewiswch un o'r tri yn Opsiwn B (ShortPixel / Imagify / TinyPNG)
  • Os ydych chi eisiau opsiwn am ddim: Llwybr A (Plus WebP + EWWW), ond rydym yn argymell dechrau gyda “Modd Ceidwadol (peidiwch â dileu'r delweddau gwreiddiol)” i asesu'r risgiau'n gyntaf.

Maglau cyffredin:

  • Mae'r ddelwedd bennawd ar dudalen yr erthygl yn fawr iawn, ac mae'r strategaeth llwytho'n ddiog wedi'i gweithredu'n wael.Bydd yn arafu'r sgrin gyntaf

4.2 Gwefannau e-fasnach/cynhyrchion (sy'n cynnwys nifer o fân-luniau ac amrywiadau delwedd; mae sefydlogrwydd yn hollbwysig)

Y problemau mwyaf cyffredin mewn e-fasnach yw nid bod “ansawdd y cywasgu'n wael”, ond yn hytrach bod “rhai dimensiynau'n anghywir ar ôl optimeiddio, bod mân-luniau ar goll, neu na all cydrannau'r blaendir adalw'r delweddau”.

Argymhellion blaenoriaeth:

  1. Dechreuwch yn ofalus: mabwysiadwch strategaeth gywasgu geidwadol; peidiwch â disodli'r gronfa ddata gyfan ar unwaith.
  2. Asesu meintiau mân-luniau: Mae themâu e-fasnach fel arfer yn cynhyrchu mwy o feintiau, a all gynyddu'r defnydd o ddata yn sylweddol (mae hyn yn arbennig o amlwg gyda ShortPixel a TinyPNG).
  3. Cynhelwch dreial ar raddfa fach yn gyntaf, yna ehangwch i gynulleidfa ehangach (mae hyn yn hollbwysig)

Llwybr mwy addas:

  • Mae Opsiynau B yn aml yn ddewis di-drafferth: mae ShortPixel, Imagify a TinyPNG i gyd yn cefnogi prosesu swp; yr allwedd yw deall y system cwota ac asesu'r costau ymlaen llaw.
  • Mae Opsiwn A hefyd yn dderbyniol, ond dylech fod yn fwy gofalus ynghylch ymddygiad Plus WebP o “ysgrifennu dros IDs, dileu delweddau gwreiddiol ac amnewid URLau”: gan fod hyn yn gyfystyr â mudo asedau, nid ydym yn argymell cynnal amnewidiad llawn ar unwaith.

4.3 Portffolios/Gwefannau ffotograffiaeth (lle mae ansawdd y ddelwedd yn hollbwysig, ffeiliau'n fawr, a'r apêl weledol yn flaenoriaeth)

Argymhellion blaenoriaeth:

  1. Strategaeth Dimensiynu (Rheoli Ardal Arddangos)
  2. Strategaeth cywasgu (gwell cael ffeil ychydig yn fwy na cholli manylder)
  3. WebP/AVIF (mae'r manteision yn amlwg ar gyfer delweddau mawr, ond mae angen gwirio'r ansawdd gweledol)

Llwybr mwy addas:

  • Dychmygwch: Gan fod y cwota'n cael ei ddidynnu yn seiliedig ar “faint y ddelwedd wreiddiol”, mae'r math hwn o wefan yn ei gwneud hi'n haws cadw costau dan reolaeth (rydych chi'n gwybod yn fras faint fydd pob delwedd fawr yn ei gostio), ond dylech chi osgoi eu hail-gywasgu dro ar ôl tro.
  • ShortPixelOs nad oes gormod o feintiau mân-luniau, mae'r credydau'n weddol syml; fodd bynnag, os byddwch yn cynhyrchu nifer fawr o feintiau ynghyd â fersiynau cenhedlaeth nesaf, bydd y defnydd o gredydau'n cynyddu'n sylweddol, felly bydd angen i chi gynllunio ymlaen llaw.

5. Caniatâd Data yn erbyn Bilio: Golwg fanwl ar a yw'r caniatâd rhad ac am ddim yn ddigonol

Pa un sy'n cynnig gwell gwerth am arian, a pha mor hir fydd y treial am ddim yn para?

5.1 Tri model bilio

  • ShortPixel(credydau)Caiff credydau eu cyfrifo yn seiliedig ar y “ddelwedd wreiddiol ynghyd â nifer y mân-ddelweddau”; bydd cynhyrchu ffeiliau WebP/AVIF yn arwain at daliad credyd ychwanegol am bob fersiwn cyfatebol.
  • Dychmygwch(quota MB): Mae'r cwota'n cael ei ddidynnu yn seiliedig ar “faint gwreiddiol y ffeil”; po fwyaf o fân-luniau sydd, y mwyaf o gwota sy'n cael ei ddefnyddio; bydd ail-gywasgu yn arwain at ddyfynnu pellach o'r cwota.
  • TinyPNG(credydau): 500 credyd y mis; bydd galluogi trosi WebP/AVIF yn arwain at dâl ychwanegol fesul maint delwedd.

5.2 Dulliau amcangyfrif cyflym

Gallwch amcangyfrif fel a ganlyn:

  1. Dewiswch unrhyw “ddelwedd wreiddiol rydych chi'n ei huwchlwytho'n aml” a gwirio ei maint bras (e.e. 300KB / 1MB / 3MB)
  2. Mae'n dibynnu ar faint o feintiau mân-luniau y mae eich gwefan fel arfer yn eu cynhyrchu (e.e. 5, 10 neu 20).
  3. Penderfynwch a ydych am gynhyrchu WebP/AVIF (Ie/Na)

Yna defnyddiwch yr “aritmetig meddyliol” isod i ddeall y defnydd:

  • ShortPixel: Bob delwedd ≈ (1 + nifer y mân-ddelweddau) o gredydau; os caiff WebP/AVIF ei gynhyrchu, ≈ dybledwch hynny (gan fod y fersiynau cenhedlaeth nesaf hefyd yn gofyn am gredydau)
  • Dychmygwch: Y cwota ar gyfer pob delwedd yw tua (maint gwreiddiol y ddelwedd + cyfanswm maint yr holl fân-ddelweddau); bydd newid y lefel cywasgu ac ail-gywasgu'r ddelwedd yn arwain at doriad pellach o'r cwota.
  • TinyPNG: 500 credyd am ddim; os yw eich gwefan yn cynhyrchu nifer fawr o feintiau delweddau fesul delwedd ac os yw trosi delweddau wedi'i alluogi, bydd nifer y delweddau am ddim yn gostwng yn sylweddol (mae tudalen y plugin yn darparu amcangyfrif bras o “oddeutu 100 y mis” ac “oddeutu 50 y mis”)

6. Datgeliad Risg

Risg 1: Osgoi i sawl ategyn wneud yr un dasg

Dyma'r “ffynhonnell drychineb” fwyaf cyffredin.”

  • Llwybr A:Hefyd WebP neu AVIF + EWWW(Rhowch y tasgau rhwng y ddau; peidiwch â pherfformio'r trosi a'r dosbarthu ar yr un pryd, neu osod dim ond un ohonynt)
  • Opsiwn B: ShortPixel / Imagify / TinyPNG Dewiswch un o'r tri.(Dewiswch un i ymdrin â chywasgu a'r genhedlaeth nesaf)

Risg 2: Yn ogystal, mae ffwythiannau “Ailysgrifennu ID / Dileu'r Ddelwedd Wreiddiol / Amnewid URL” WebP yn gyfystyr â mudo asedau.

I ailadrodd:Plws WebP Mae'r disgrifiad yn nodi'n glir y bydd ID y ddelwedd wreiddiol yn cael ei ailysgrifennu, y bydd y ffeil wreiddiol yn cael ei dileu, a'r bydd URL y cynnwys yn cael ei ddisodli yn ystod un generiad llawn.
Mae hyn yn golygu nad yw'n “addasiad bach y gellir ei wrthdroi ar unrhyw adeg”, ond yn hytrach yn newid ar lefel yr ased.

Dylai'r strategaeth a argymhellir fod:

  • Dechreuwch gyda phrawf ar raddfa fach (ychydig ddwsin i ychydig gant)
  • Cadarnha bod y dangosiad blaen, y mân-luniau a'r diweddariadau cache i gyd yn gweithio'n gywir.
  • Ystyriwch brosesu'r gronfa ddata gyfan

Risg 3: Mae'r defnydd gwirioneddol o'r “cwota am ddim” ar gyfer cywasgu cwmwl yn dibynnu ar nifer y mân-luniau a'r dewis o opsiynau cenhedlaeth nesaf.

  • ShortPixelBydd bysell-luniau a nodweddion y genhedlaeth nesaf yn cael effaith sylweddol ar y credydau.
  • TinyPNGBydd galluogi WebP/AVIF yn arwain at ddidyniad credyd ychwanegol ar gyfer pob maint delwedd.
  • Dychmygwch: Codir tâl yn seiliedig ar faint y ddelwedd wreiddiol; po fwyaf o fân-ddelweddau sydd, yr uchaf fydd y tâl; bydd lawrlwythiadau cyson yn arwain at daliadau ychwanegol

Risg 4: Nid yw “Mae WebP/AVIF wedi'i gynhyrchu” yn golygu “mae'r blaen yn gweini WebP/AVIF”

Mae llawer o bobl yn teimlo nad yw eu gwefan wedi mynd yn gyflymach o gwbl ar ôl y trosiad; y prif achos yw bod y blaen yn dal i weini ffeiliau JPG/PNG (oherwydd anghydweddiad yn unrhyw un o'r canlynol: storio yn y cache, ailysgrifennu, tagiau, neu drafod â'r porwr).

7. Sut alla i wirio a yw wedi dechrau gweithio ar ôl i mi orffen?

4 phwynt gwirio syml iawn:

  1. Wrth adnewyddu'r un dudalen am yr ail dro, a yw'r broses lwytho yn fwy sefydlog a chyflymach?(Pa mor amlwg yw effeithiau cacheio ac optimeiddio?)
  2. A oes gwahaniaeth amlwg o ran maint y delweddau sy'n cael eu llwytho ar ddyfeisiau symudol a chyfrifiaduron pen desg?(Ymatebol setiau/meintiau (a yw'n gweithio)
  3. Gwiriwch ychydig o ddelweddau ar hap: oes yna unrhyw ffeiliau/adnoddau WebP neu AVIF?(Ydy'r safle yn defnyddio mewn gwirionedd nesaf-gen
  4. Cymerwch gip ar ychydig o ddelweddau: chwyddhwch i weld a ydyn nhw'n amlwg o aneglur neu a yw'r testun yn ymddangos yn aneglur.(Ydy'r cywasgiad yn rhy gryf?)

Os yw'r pedwar hyn i gyd yn berthnasol, mae'n golygu bod y llwybr rydych wedi'i ddewis eisoes ar waith. Nesaf, symudwch ymlaen i CDN “Haen Dosbarthu”...bydd yn fwy sefydlog yn gyffredinol.

8. Argymhellion i weithredu

  1. Yn gyntaf, dewiswch lwybr:
  • Hoffwn i ei gadw mor rhad ac am ddim â phosibl.: Hefyd WebP neu AVIF + EWWW (neu osod un ohonynt yn unig)
  • Am arbed ar adnoddau'r gweinydd? Mae talu yn ôl defnydd yn fwy di-drafferth.: Dewiswch un o ShortPixel, Imagify neu TinyPNG
  1. Dechreuwch gyda phrawf ar raddfa fach (ychydig ddwsin)
  2. Gwiriwch fod popeth yn drefnus cyn prosesu mewn swpiau.
  3. Mae angen gwella dibynadwyedd danfoniad ymhellach:Darllen CDN Cyflymiad

Cwestiynau Cyffredin

1. Faint o ategion ddylen i eu gosod? Alla i eu gosod nhw i gyd?

Ceisiwch gadw at un llwybr.

  • Opsiwn A: Plus WebP neu AVIF + EWWW Image Optimizer (neu osod un ohonynt yn unig)
  • Opsiwn B: Dewiswch un o ShortPixel, Imagify neu TinyPNG
    Rhedeg sawl ategyn ar yr un safle i gyflawni “gwasgu, trosi i WebP neu AVIF, addasu URL ac ailysgrifennu'r dosbarthiad” ar yr un pryd yw'r ffordd fwyaf sicr o greu llanast a'r anoddaf i'w ddatrys.

2. Onid yw WordPress eisoes yn cefnogi WebP/AVIF? Oes angen plugin arnaf o hyd?

Mae'n bwysig gwahaniaethu rhwng:
“Cefnogaeth ar gyfer uwchlwytho/defnyddio” ≠ “trosi/danfon awtomatig”.
Ni fydd WordPress 6.5 yn trosi ffeiliau JPG/PNG presennol i WebP/AVIF yn awtomatig ar raddfa fawr, ac ni fydd ychwaith yn ymdrin yn awtomatig â'r broses gyfan o “weini AVIF/WebP yn seiliedig ar alluoedd y porwr a chwympo'n ôl i'r fformat gwreiddiol”. Er mwyn sicrhau bod eich llyfrgell gyfryngau bresennol hefyd yn cael ei diweddaru, bydd angen i chi fel arfer ddefnyddio ategyn neu wasanaeth i lenwi'r bylchau.

3. O ran optimeiddio delweddau, pa gam sydd mewn gwirionedd yn cynnig y dychweliad gorau ar fuddsoddiad?

Fel arfer Sicrhewch y dimensiynau cywir yn gyntaf (srcset/sizes)
Mae llawer o wefannau'n araf nid oherwydd nad ydynt wedi'u cywasgu, ond oherwydd eu bod yn dangos tudalen sydd ond yn 900px o led tra'n gorfodi defnyddwyr i lawrlwytho'r ddelwedd wreiddiol 3000px. Gall cywasgu arbed ychydig o gilobytiau, ond bydd “dimensiynau anghywir” yn achosi i chi lawrlwytho sawl gwaith yn fwy o ddata heb unrhyw reswm.

4. Sut alla i fod yn siŵr mai'r “fersiwn llai” sy'n cael ei lwytho, yn hytrach na'r ddelwedd wreiddiol bob tro?

Ystyriwch ddau ffenomenon:

  • Wrth edrych arnynt ar ddyfais symudol, mae'r delweddau sydd wedi'u lawrlwytho yn amlwg yn llai na ar gyfrifiadur pen desg.
  • Mae maint ffeil yr un ddelwedd yn amrywio yn ôl y ddyfais y mae'n cael ei llwytho arni.
    Os yw delweddau bob amser yn cael eu lawrlwytho yn eu maint gwreiddiol, mae hyn yn aml oherwydd bod y thema neu'r adeiladwr tudalennau yn trin y ddelwedd fel delwedd gefndir CSS neu allbwn pwrpasol, a thrwy hynny'n osgoi cymorth y llyfrgell gyfryngau ar gyfer dimensiynau lluosog a'r priodoledd `srcset`.

5. A yw “generateiddio WebP/AVIF” o reidrwydd yn golygu bod y blaen yn allbwnio WebP/AVIF?

ddim yn hafal i
Dim ond ar “lefel y ffeil” y mae'r genedigaeth yn gyflawn; mae a wnelo â ffactorau fel ailysgrifennu, strategaeth y tag `picture`, taro'r cache, ac a yw negodi'r porwr yn effeithiol p'un a yw WebP/AVIF yn cael ei weini i'r blaen-ben ai peidio. Unwaith y byddwch wedi gorffen, gwnewch yn siŵr eich bod yn “gwirio'n fân fathau o adnoddau ychydig o ddelweddau”.

6. Beth yn union yw'r risgiau sy'n gysylltiedig â WebP neu AVIF? A allaf redeg sgan un clic ar draws y gronfa ddata gyfan?

Nid yn “cywasgu” y mae'r risg, ond ynNewidiadau i lefelau mudo asedau

  • Wrth gynhyrchu'r set lawn, gellir aildyisio IDau'r ffeiliau delwedd gwreiddiol, gall y ffeiliau gwreiddiol gael eu dileu, a gellir disodli URLau o fewn y cynnwys.
    FellyNid ydym yn argymell newid y gronfa ddata gyfan ar unwaith.: Dechreuwch gyda phrawf ar raddfa fach (ychydig ddwsin i ychydig gant o gofnodion) a sicrhewch fod gennych gopi wrth gefn gweithredol cyn bwrw ymlaen â'r gronfa ddata lawn.

7. Sut ydych chi'n dewis rhwng y ddau ddull yn Plus WebP: cadw'r ddelwedd wreiddiol neu ddisodli a dileu'r ddelwedd wreiddiol?

Yn syml:

  • Opsiwn 1: Cadw'r ddelwedd wreiddiol + cynhyrchu copïau WebP/AVIF (mwy dibynadwy): Hawdd ei wyrdroi, ond mae'n cymryd mwy o le ar y ddisg (delwedd wreiddiol + fformat newydd + sawl maint mân-lun).
  • Dull 2: Amnewid a dileu'r ddelwedd wreiddiol (mwy radical)Nid yw'r ddisg yn dueddol o ehangu, ond os byddwch yn addasu asedau a chyfeiriadau, mae datrys problemau cydnawsedd yn dod yn fwy costus.
    Po fwyaf cymhleth yw'r wefan (e-fasnach, ategion lluosog, meintiau lluosog), yr fwyaf yr ydym yn argymell dechrau gyda dull mwy sefydlog.

8. A yw'r cywasgu lleol am ddim a gynigir gan EWWW Image Optimizer yn ddigonol? A fydd yn gorlwytho'r gweinydd?

Mae EWWW yn debycach i “offeryn cywasgu lleol”: mae'n defnyddio CPU/IO.
Mae'n gyffredin i'r llwyth gynyddu yn ystod optimeiddio swp; nid yw hyn yn golygu bod y system yn “methu”, ond yn hytrach bod angen i'r dull fod yn gywir: gwneud y gwaith mewn swp, yn ystod oriau tawel, a dewis dadlwytho neu ddatrysiadau cwmwl lle bo angen.
Os ydych chi'n chwilio am ddatrysiad di-drafferth, neu os yw adnoddau eich gweinydd yn gyfyngedig, mae Opsiwn B yn fwy effeithlon o ran y gweinydd.

9. Mae ShortPixel yn cynnig 100 o gredydau am ddim y mis, felly pam ydw i'n teimlo eu bod nhw wedi'u defnyddio i fyny ar ôl dim ond ychydig o ddelweddau?

oherwydd Nid yw “Credits” yn cyfeirio at 'nifer y delweddau'.”, caiff ei ehangu gan fân-luniau a'r genhedlaeth nesaf:

  • Delwedd wreiddiol + credyd ar gyfer pob mân-ddelwedd
  • Os bydd ffeiliau WebP/AVIF yn cael eu cynhyrchu, bydd cost ychwanegol o gredydau am bob fersiwn cyfatebol.
    Felly, gallai'r hyn y byddech chi'n ei ystyried yn “un ddelwedd” ddefnyddio bron i “gredydau deugain”. ShortPixel

10. Pam mae terfyn caniatâd rhad ac am ddim Imagify o 201 TP234T y mis yn darfod mor gyflym?

Mae Imagify yn debycach i “fwndel data”:

  • Yn unol â'ch negesMaint ffeil gwreiddiolTynnu oddi ar y cwota
  • Po fwyaf o fân-luniau sydd, y mwyaf o adnoddau a ddefnyddir.
  • Bydd newid y lefel cywasgu ac ail-optimeiddio yn defnyddio'r cwota eto.
  • Gellir defnyddio un allwedd API ar draws sawl safle, gyda chotâu'n cael eu rhannu.
    Felly, mae'r neges “20MB will run out soon” yn aml yn cael ei achosi gan ddelweddau sy'n rhy fawr, gormod o fân-luniau, neu dreial a chamgymeriad dro ar ôl tro.

11. Mae TinyPNG yn cynnig 500 o gredydau am ddim y mis, felly pam mae'r ategyn yn dweud mai dim ond tua 100 o ddelweddau sydd y mis, a pham mae hyn yn gostwng i 50 o ddelweddau y mis ar ôl galluogi WebP/AVIF?

Mae hyn oherwydd bod credydau TinyPNG hefyd yn cael eu graddio i fyny yn yr adran “Dimensiynau/Amrywiadau”:

  • Mae gosodiad WordPress safonol fel arfer yn cywasgu tua 100 o ddelweddau'r mis.
  • Galluogi trosi AVIF neu WebP:Bydd pob maint delwedd yn costio un credyd ychwanegol., felly mae'n debyg mai dim ond tua 50 o ddelweddau y mis y gallaf eu cywasgu a'u trosi (yn dibynnu ar nifer y meintiau mân-lun).
    Felly 500 credyd = 500 delwedd.

12. Faint o fân-luniau sydd ar ein gwefan? Pam fod ganddyn nhw gymaint o effaith?

Mae uwchlwytho delwedd i WordPress yn cynhyrchu meintiau lluosog; gall themâu ac ategion (yn enwedig rhai e-fasnach) gynhyrchu hyd yn oed mwy.
Gyda chwasgyddiaeth cwmwl, caiff credydau neu ddosbarthiadau eu cyfrifo fel arfer yn seiliedig ar gyfanswm cyfansawdd y ddelwedd wreiddiol a'i mân-ddelweddau, felly po fwyaf o fân-ddelweddau sydd, y cyflymaf y caiff y lwfans rhad ac am ddim ei ddefnyddio.

13. Ydy llwytho'n ddiog bob amser yn cyflymu pethau? Pam mae rhai pobl yn dweud bod llwytho'n ddiog mewn gwirionedd yn arafu pethau?

Mae llwytho'n ddiog yn addas ar gyfer “adnoddau oddi ar y sgrin”.
Os bydd y ddelwedd fawr bwysicaf ar y sgrin gyntaf hefyd yn cael ei oedi, gall arafu'r profiad llwytho cychwynnol. Er bod y llwytho segur diofyn yn WordPress 5.5 a fersiynau diweddarach yn iawn, ni ddylech ei ddefnyddio ym mhob sefyllfa.

14. Pryd fydd angen y CDN / Delwedd CDN arnaf os cymeraf Lwybr A neu B?

Mae cywasgu, maint ffeil a fformat yn mynd i'r afael â'r mater o wneud ffeiliau'n llai ac yn fwy addas;
Mae CDN yn sicrhau dosbarthiad cyflymach a mwy dibynadwy.
Pan fo oedi sylweddol oherwydd bod delweddau'n cael eu casglu o weinydd tarddiad pell, mae ychwanegu CDN fesul delwedd (e.e. Cloudflare Polish / Jetpack Site Accelerator) fel arfer yn arwain at brofiad mwy sefydlog, gan ei gwneud hi'n haws darllen y cynnwys. Cyflymiad WordPress CDN

15. Unwaith y bydda i wedi gorffen, beth yw'r ffordd hawsaf o wirio ei fod yn gweithio mewn gwirionedd?

Y ffordd gyflymaf i wirio:

  • Wrth adnewyddu'r un dudalen am yr ail dro, a yw'r broses lwytho yn fwy sefydlog a chyflymach?
  • A oes gwahaniaeth amlwg o ran maint y ddelwedd rhwng y fersiynau symudol a bwrdd gwaith (a yw srcset/sizes yn gweithio fel y bwriadwyd)?
  • Gwiriwch ychydig o ddelweddau ar hap: oes yna unrhyw ffeiliau/adnoddau WebP neu AVIF?
  • Cymerwch gip ar ychydig o ddelweddau: chwyddhwch i weld a ydyn nhw'n amlwg o aneglur neu a yw'r testun yn ymddangos yn aneglur.