Web sahypasynyň surat optimizasiýasy

Surat optimizasiýasy WordPress öndürijiligine maýa goýumdan iň ýokary girdeji getirýär: sahypa gurluşy we temalar birmeňzeş bolan ýagdaýynda, surat ululygyny, ölçeglerini, formatyny we ýetiriş usulyny dogry saýlamak köplenç ýükleme tejribesiniň derrew gowulaşmagyna getirýär.

Emma surat optimizasiýasy hem “näçe köp üýtgetseň, şonça-da ýaramazlaşýar” ýagdaýyna getirip biljek iň ähtimal zatdyr. Sebäbi tehnika gaty kyn bolmagy däl-de, maglumatlaryň gaty bölek-bölek bolmagydyr:
Siz birnäçe makala okap, “kompressiýa”, “WebP/AVIF” we “lazy loading” barada öwrenipsiňiz, ýöne plugin düşündirişine seredeniňizde “aýda 100 mugt kredit”, “20MB mugt” we “her surat üçin 1 kredit” diýlipdir — näçe okasaňyz, şonça-da has-da çaşyp galýarsyňyz. Mugt möçber hakykatdanam ýeterlikmi? Tölegler nähili kesilýär? Belki-de siz “şol bir zady” nädogry düşünipsiňiz? We iň möhümi:Bitireniňizden soň hakykatdanam güýje girdi mi?

Bu makala diňe üç zady edýär:

1. Ine, size amala aşyryp boljak bir zat.Ýol kartasy(Ilki näme etmeli, soňra näme etmeli)
2. Saýlamagy isleýän opsiýalaryňyzy anyk düşündiriň (mugt we tölegli wersiýalaryň arasyndaky takyk tapawut nämede we haýsy wersiýa kim üçin amatly).
3. Iň köp duş gelýän kemçilikleri öňünden sanlaň (tamamlandan soň meseleleri çözmekdäki kynçylyklardan halas bolmak üçin)

1. Esasy bölek: WordPressiň standartda nämeleri öz içine alýandygy we nämeleri öz içine almaýandygy

Eger ilki bilen WordPress ýadroň eýýäm näme ornaşdyrylandygyny düşünmeseňiz, iki ýagdaý ýüze çykyp biler:

• Elýeterli mugt mümkinçiliklerden peýdalanmak ýerine, biz tigiri täzeden oýlap tapmak bilen wagtymyzy we pulumyzy boşa sarp etdik.
• Men WordPressiň ähli köne suratlary awtomatik WebP/AVIF-e öwürjekdigini pikir edipdim, ýöne munuň şeýle etmeýändigini gördüm.

WordPress-iň özegi eýýäm bu zerur mümkinçilikleri öz içine alýar:

• Uýgunlaşýan suratlar (srcset/sizes)WordPress 4.4-den başlap, özegi suratlary çykarar. srcset 与 sizeswe ýükläniş wagtynda döredilen dürli ululykdaky suratlary ulanmak, brauzere ekranyň şertlerine görä ýüklemek üçin has amatly serişdeleri saýlamaga mümkinçilik berýär.
• Özüne mahsus gijikdirilen ýüklemeWordPress 5.5-den başlap, HTML standartlaryny ulanmak arkaly suratlar üçin özbaşdak lazy loading-i elýeterli edýär. loading Mülk amala aşyrmak
• WebP faýllaryny ýüklemegi goldaýarWordPress 5.8-den başlap, hosting gurşawy WebP-i goldaýan ýagdaýynda, WebP faýllaryny JPEG/PNG ýaly göçürip we ulanmaga mümkinçilik berýär.
• AVIF ýüklemelerini goldaýarWordPress 6.5-den başlap, hosting gurşawynyň goldawyna baglylykda, AVIF faýllaryny JPEG/PNG ýaly göçürip we ulanmaga mümkinçilik berýär.

Emma, haýyş edýärin, üns beriň:
“Ýükläp ulanmak üçin goldaw” ≠ “Awtomatiki öwürme/awtomatiki eltip beriş”
Başgaça aýdylanda: eger-de siz eýýäm WordPress 6.5 ulanýan bolsaňyz hem, media kitaphanasyňyzda saklanan JPG/PNG faýllar awtomatik WebP/AVIF-e öwrülmez; şeýle hem brauzeriň goldawyna görä AVIF/WebP çykarmak, goldaw bermeýän brauzerlerde bolsa asyl surata gaýtmak mümkinçiligi hem awtomatik elýeterli bolmaz – bu funksiýanyň ýerine ýetirilmegi adatça goşundylary ýa-da goşmaça hyzmatlary talap edýär.

2. Ýol kartasy: Suraty 5 ädimde optimizasiýa etmek

Näme etmeli, näme üçin, kanagatlanarly tamamlanmagy näme kesgitleýär we tipik ýalňyşlyklar nämeler.

2.1 Ilki bilen ölçegleri dogry kesgitläň (iň aňsat göze ilmeýän, ýöne iň uly girdeji getirýär)

Köp sahypalar haýal işleýär, kompressiýa ulanylman galandygy üçin däl-de, tersineEkran meýdanyndan ep-esli uly suraty ýükläp aldy：
Meselem, eger sahypa hakykatda diňe 900 piksellik ini görkezýän bolsa-da, siz myhmanlaryň asyl 3000 piksellik suraty doly göçürip almagyna mejbur edýän bolsaňyz, brauzer ony görkezmek üçin kiçeltmezden ozal doly göçürip alar. Bu bolsa trafigi boşa sarp edýär, dekodirleme wagtyny uzaldýar we ilkinji ekranyň ýüklenmegini haýalladýar.

WordPress 4.4 we ondan ýokaryJogap beriji surat mehanizmi（srcset/sizes) takyk bu meseläni çözmek üçin.

Geçiş baly näme hasaplanýar:

• Sahypany mobil enjamda açanyňyzda, göçürilip alnan suratyň ululygy stolüstü kompýuterde görkezilýäninden aýdyň kiçi bolmalydyr.
• Şol bir surat üçin ýüklenýän resursyň ululygy dürli enjamlarda üýtgeýär (her gezek asyl suraty gaýtadan göçürip almaga garamazdan).

Iň köp duş gelýän ýalňyşlyklar:

• Käbir temalar ýa-da sahypa gurluşy gurluşdyryjylary suratlary CSS fon suratlary hökmünde kabul etmek ýa-da ýöriteleşdirilen çykyş usullaryny ulanmak arkaly munuň üstünden geçip bilerler. srcsetuly suratlaryň yzygiderli ýüklänligine getirýär
• Daşarky surat saklaýyş hyzmatlaryny we üçünji tarap surat bloklaryny ulanmak arkaly media kitaphanasy tarapyndan döredilen köp ululykdaky ulgamy aýlap geçip bilersiňiz.

---

2.2 Sыgytmak (KB ululygyny azaltmak, ýöne hiline zyýan ýetirmän)

Sıkmagyň esasy many-mazmuny “näçe kiçi bolsa, şonça gowy” däl-de, “adam gözi bilen az-kem göze ilýän tapawut, ýöne göwrümiň ep-esli azaldylmagy”dyr.

Düzgünler aşakdaky ýaly:

• Suratlar/Hakyky düşürmeler (portretler, önümler, landşaftlar)Ýitgisine esaslanýan siňdirişi ileri tutuň (iň ýokary peýda üçin)
• Köp tekstli ekran suraty/suratMatn bulanık görünmeginiň öňüni almak üçin kompressiýa has konservatiw bolmaly.
• Logotip/IkonSVG-i ileri tutuň ýa-da ýitgisiz siňdirişi saýlaň (ýitgili siňdiriş çeýjileriň bulanmagyna aňsatlyk bilen sebäp bolýar)

Geçiş baly näme hasaplanýar:

• Köp sahypalardaky suratlaryň ululygy ep-esli azaldy.
• Diqqat çekýän ses, kenarlaryň bulanmagy, reňk zolaklary ýa-da tekstiň bulanmagy ýok.

---

2.3 WebP / AVIF (Format syýasaty: deň derejedäki düşnüklilik üçin kiçi faýl ululygy)

WordPress indi ýükläp goýmagy goldaýar. WebP (5.8) we AVIF (6.5)。
Emma, “geljekki nesil formatyny” hakykatdanam amaly ulanyşa geçirmek üçin adatça iki meseläni çözmeli bolýar:

1. Taryhy media arhiwlerini partlaýyn nähili öwürmeliBolmasa, siz diňe geljekde ýüklener täze suratlary optimizirläpdirsiňiz.
2. Köpýe döredilmeli mi, ýa-da asyl surat çalşyrylmaly mi?(Bu kritik pursatdyr; soňra Plus WebP-niň “asly suratlaryň çalyşylmagy we pozulmagy” meselesine ünsi jemläris.)

Maslahat berilýän ýazuw stili:

• WebP: Umuman alanyňda, adatça öňden saýlanan we has durnukly utgaşma hödürleýän saýlawdyr.
• AVIF: Sыgytmada goşmaça ädim, uly suratlar/birinji ekranyň bannerleri/album suratlary üçin amatly (emmä has...Daşky gurşawyň goldawyna bagly）

---

2.4 Gijikdirilen ýüklemäni dogry ulanmaly (Umumy çemeleşmeden gaça durmak)

WordPress 5.5-den başlapÖňünden belent ýüklemekSurat.
Ol ilkinji rendering döwründe geçiriş kuwwatynyň sarp edilmegini azaldýar:

• Lazy loading ekrandan daşarky serişdeler üçin amatlydyr.“
• Ilkinji ekrandaky iň möhüm surat (köplenç ilkinji ekrandaky esasy surat) köplenç gijikdirilen ýüklemäge laýyk gelmeýär.

---

2.5 Eltme gatlagy: CDN / Surat CDN

Sыgytma, ululyk we format “kiçi we has amatly faýllar” zerurlygyny kanagatlandyrýar.
Emma, suratlaryň uzak aralykdan başlangyç serwerden yzygiderli alynmagy tor gijikmelerini ulanyjynyň tejribesine uly derejede täsir eder. Şeýle ýagdaýlarda “ýetiriş gatlagy” çözgüdi zerurdyr (CDN/image CDN).

Iki tipik çemeleşme:

• Cloudflare Polşa：Cloudflare dokumentasiýasyMakala Polşiň siňdiriş usullaryny (ýitgisiz/ýitgili/WebP) tanyşdyrýar we ulanmagy belleýär format=auto WebP/AVIF formatlaryny ulanmak rugsat berilýär.
• Jetpack Sahypa Gyssaglandyryjysy：Jetpack dokumentasiýasyOl suratlary optimizir eder we olary statik serişdeler bilen bilelikde öz toru arkaly paýlar.

Surat optimizasiýasy ululygyny azaltmak we laýyklygyny üpjün etmek üçin jogapkärdir.CDN: Has ýakyn we has ygtybarly ýetirmek

3. Saýlaw: Diňe iki esasy ugur yzarlanmalydyr.

Sur optimizasiýasynda iň köp duş gelýän ýalňyşlyk “pluginleri gurnamakda şowsuzlyk” däl-de, artykmaç işleýişlere getirýän gaty köp plugin gurnamakdyr:
A sypyrýar, B hem sypyrýar; A WebP/AVIF-e öwürýär, B hem öwürýär; A URL-lary üýtgedýär, B olary gaýtadan ýazýar — ahyrynda, saýtda näme bolup geçýändigini özüň hem aýdyp bilmeýärsiň.

Düzgünler:

Öňe diňe bir ýol bar: ýa doly mugt ýerli saklama, ýa-da üç wariantly bulut siňdiriş.

• Route A (dolulygyna mugt ýerli):Mundan başga-da WebP ýa-da AVIF + EWWW Image Optimizer(ýa-da olaryň diňe birini saýlaň)
• B ugur (Üç bulut siňdiriş opsiýasynyň birini saýlaň):ShortPixel / Imagify / TinyPNG

---

3.1 A ugury: Dolulygyna mugt ýerli (WebP ýa-da AVIF ýa-da EWWW bilen)

Bu uguryň kesgitleýji aýratynlyklary şulardyr:

• Siz aýlyk kvota ýa-da her faýl esasynda işleýän üçünji tarap kompressiýa hyzmatlaryna daýanmaýarsyňyz (emmä käbir aýratynlyklar islege bagly hyzmatlary hödürläp biler).
• Bunun çalyşygy şundan ybarat: toparda işleýän prosess CPU/IO nukdaýnazaryndan serweriň üstüne has agyr ýük salyp biler, şonuň üçin “strategiya we töwekgelçilik” meselesine has üns bermegiňiz gerek.”

3.1.1 WebP ýa-da AVIF goşmakEsasy düşünje “generasiýa/çalyşma”, bu däp bolan “sykyşdyrma guraly” däl.”

• Doly çözgütli suratlary döretmekde:Asyl surat faýlynyň ID-si WebP/AVIF faýly bilen üstüni ýazyljak, asyl faýl pozuljak we mazmundaky URL hem çalşyryljak.。
• Plugin WP-CLI buýruklaryny üpjün edýär we maslahat berýär: köp sanly faýl bilen iş salyşanda WP-CLI has ynamly bolýar.

Bu aňladýar: ol siziň üçin sessizçe WebP döretmeýär, eýsem munuň ýerine diňe bir gezek bolup biljek ýagdaý bolup biler.Mülk göçürme(esasan hem “Asly suraty çalyşmak we pozmak” opsiýasyny işjeňleşdireniňizde)

Iki režimiň arasyndaky tapawut

Rejim 1: Asly suraty sakla + WebP/AVIF nusgasyny döret (daha durnukly)

• Artykmaçlyk: Uygunsuzlyk meseleleri ýüze çykan halatynda gaýtadan dikeltmek aňsat.
• Çykdajy: Diska sarp edilmegi artar (başlangyç surat + täze format + dürli ölçegdäki miniaturalar)

Režim 2: Asly suraty çalyşmak we pozmak (daha agressiw)

• Artyklary: Disklere çalt giňelmeýär; içerki salgylary awtomatik täze formata öwürilýär.
• Howplar: Eger aktivleri we salgylary bir wagtda üýtgedilse, gabat gelme meselelerini çözmek ep-esli gymmat düşýär (esasan-da daşarky ulgamlar ýa-da tema logikasy başlangyç faýl atlaryna, ýollaryna ýa-da formatlaryna esaslansa).

WebP ýa-da AVIF bilen köplenç duş gelýän ýalňyşlyklar

1. Maglumatlar bazasy doly çalşylandan soň, käbir sahypa suratlary nädogry görkezilýär.
   Adatça meseläniň sebäbi “surat zeper ýeten” däl, eýsem zynjyryň käbir baglanyşygy—meselem URL çalyşdyryşy, keşleme ýa-da kiçeldilen surat strategiýalary—dogry sazlanmandygyndadyr.
2. Kiçi suratlaryň sany näçe köp bolsa, üýtgeşmeleriň gerimi şonça giň bolar.
   WordPress-e surat ýüklemek birnäçe ölçeg döredýär; temalar ýa-da goşundular goşmaça ölçegler goşup biler. Doly çalyşmak, örän uly faýl toplumyny üýtgedýändigiňizi aňladýar.
3. Diňe format göçürmesini ýerine ýetirmek mümkin bolan iň kiçi göwrümi kepillendirmeýär.
   WebP/AVIF faýllary adatça kiçiräk bolýar, ýöne “ölçeg strategiýasy” we “sykyşdyrma strategiýasy” örän möhümdir. Plus WebP-i “tiz ýüklemek üçin bir basyşly çözgüt” hökmünde kabul etmäň.

---

3.1.2 EWWW Surat OptimizatoriÝerli kompressiýa üçin mugt çözgüt

EWWW plugin sahypasynyň ýerleşişi örän düşnükli:

• Ol optimizasiýa üçin serweriňizde jpegtran, optipng, pngout, pngquant, gifsicle, cwebp we ş.m. ýaly gurallaryň toplumyny ulanyp biler.
• Eger has ýokary gysma derejesine mätäç bolsaňyz ýa-da CPU-de tygşytlamak isleseňiz, CPU sarp edýän işlenişi serweriňize geçirmek (islegli) mümkin.

Route A-da EWWW nähili rol oýnamaly?

Eger Plus WebP-i “format göçürme/çalyşma strategiýasy” üçin ulanýan bolsaňyz, onda EWWW muny ýerine ýetirmek üçin has amatlydyr:

• Sıkma we göwrüm optimizasiýasy(esasan JPG/PNG faýllary ýaly çig çeşmeleriň ululygynyň azaldylmagy)
• Taryhy media kitaphanasynyň partýa optimizasiýasy(URL çalşyrmak däl-de, mukdary azaltmaga gönükdirilýär)

EWWW-iň klassik ýalňyşlyklary

1. Topar optimizasiýasy wagtynda server ýükü artýar.
   Bu ýerli kompressiýanyň CPU/IO sarp edýändigi sebäpli. Çözgüt ony ulanmagy bes etmek däl-de, eýsem az işjeňlikli sagatlarda toparlaýyn işlemek we zerur ýagdaýynda işleri daşarky serwerlere ýa-da bulut çözgütlerine geçirmekdir.
2. “WebP döretmek hökmany ýagdaýda frontend tarapynyň WebP hödürleýändigini aňlatmaýar.
   Köp pluginler bu nädogry düşünje astynda işleýärler: döretmek bir zat, ýetiriş strategiýasy (gaýtadan ýazmak, surat bellikleri, keş zarbalary we ş.m.) bolsa düýbünden başga zat.
3. Beýleki plaginleriň işini gaýtalamak
   Eger A ugruny saýlasaňyz, ShortPixel/Imagify/TinyPNG ýaly bulut kompressiýa hyzmatlaryny üst-üstüne goýmagy ulanmakdan gaça duruň; eger B ugruny saýlasaňyz, Plus WebP çalyşdyryş logikasyny öçüriň. Esasy ýörelge:Bir hereket ugruna ygrarly gal.

---

3.2 B ugur: Bulut kompressiýa hyzmatlarynyň birini saýlaň (ShortPixel / Imagify / TinyPNG)

Bu ýol server serişdelerini tygşytlamak isleýän, toplu işleýişde has päsgelçiliksiz çemeleşmä üstünlik berýän we ulanyş möçberine görä töleg ulgamy bilen rahat bolan adamlara laýyk gelýär.
Emma bulut sıgyrtmasy bilen baglanyşykly iň köp duş gelýän düşünişmezlik nokady şudur:Mugt rugsat diňe “mugt sahypalar” meselesi däl.Kiçi surat ululyklarynyň sany, WebP/AVIF formatlarynyň döredilip-döredilmeýändigi we gaýtalanýan täzeden siňdirişiň amala aşyrylyp-aşyrylmaýandygy serişdeleriň sarp edilmegine uly täsir eder.

Aşakda biz düşündireris: mugt we tölegli gatlaklar nähili işleýär, kvotalar nähili aýrylýar, iň köp duş gelýän ýalňyşlyklardan nähili gaça durmalydygyny we haýsy saýt görnüşleriniň iň amatlydygyny.

---

3.2.1 GysgaPikselHer aýda 100 mugt kredit berilýär, ýöne kreditler miniaturalar we WebP/AVIF ulaldyşlar üçin sarp edilýär.

Mugt we tölegli barada näme mesele bar?

ShortPixel plugin düşündirişinde açyk aýdylýar:

• Aýda 100 mugt kredit
• Şeýle hem “goşmaça çäksiz aýlyk kreditler” bar (plugin sahypasy degişli bahalaşdyryş maglumatlaryny berýär).
• Şeýle hem başlangyç bahasy baradaky maglumat bilen üpjün edilen “möhletini tamamlanmaýan bir gezeklik kredit paketleri” hödürleýär.

Bellik:

• Mugt: ýeňil sahypalar ýa-da synag maksatly her aý berilýän kreditler.
• Bir gezeklik paket: Giň gerimli media kitaphanalary bolan saýtlaryň bir gezek satyn alyp, çäksiz ulanyş üçin (adatça möhletsiz) stoku arassalamak isleýän ýagdaýynda amatly.
• Aýlyk/Çäksiz: Dowamly surat täzelenmeleri we uzak möhletleýin, durnukly optimizasiýa talap edýän saýtlaryň üçin amatly.

ShortPixel-iň resmi bilim bazasy şeýle hem “bir gezeklik paketler bilen çäksiz aýlyk planlaryň” arasyndaky tapawudy hem ele alýar.Aýdyň düşündirişÇäksiz Aýlyk plan her aý (ýa-da her ýyl) tölenýär, çäksiz kreditler we kesgitli CDN kuotasyny hödürleýär; bir gezeklik kreditler möhleti dolmaýar, bu size zerur bolan wagty ulanyşy has gowy dolandyrmaga mümkinçilik berýär.

Iň möhüm nokat: ShortPixel kreditleri nähili hasaplanýar?

ShortPixel Resmi Resminamasy KB muny örän düşnükli aýtdy:

• WordPress-e surat ýüklemek birnäçe kiçijik surat döredýär;
• Her kiçi surat optimizasiýasy bir kredit hasaplanýar.；
• Eger WebP ýa-da AVIF döretmegi saýlasaňyz,Her bir WebP/AVIF görnüşindäki asyl suratyň we onuň kiçeldilen suratynyň her biri goşmaça kredit sarp eder.；
• Kredit sarp edilişini azaltmak üçin käbir miniaturlary optimizasiýadan çykaryp bilersiňiz.

Kreditler Mysaly：

Faraz ediň, bir surat ýüklediňiz we tema/plugin sekiz kiçijik surat döredýär:

• Diňe asyl surat we kiçeldilen suratlaryň optimizasiýasy: 1 (asly surat) + 8 (kiçeldilen suratlar) = 9 kredit
• Eger WebP/AVIF öndürmek hem gerek bolsa: ýokardaky 9 formatyň her biri üçin bir indiki nesil wersiýasyny goşuň → soňra goşmaça 9 kredit goşuň.
  Başgaça aýdylanda, siz “bir surat” diýip hasaplap biljek zat hakykatda takmynan iki sanly kredit sarp edip biler.

Şonuň üçin:“100 mugt kredit” “100 mugt surat” bilen deň däl.

ShortPixel-iň iň köp duş gelýän kemçilikleri

1. 100 mugt kredit çalt gutarýar
   Esasy sebäp: WebP/AVIF döretmek üçin köp sanly miniatura we goşmaça kreditler gerek.
   Maslahat：

• Ilki bilen saýtdaky kiçijik suratlaryň sanyny bahalap görüň.
• Kereksiz kiçijik surat ölçeglerini aýyryň (diňe hakykatdan ulanyljak ölçegleri optimizir ediň)
• Ilki bilen toplu ýerine ýetirmezden ozal siňdiriş strategiýasyny kesgitläň, şeýdip çeşmeleri sarp edýän gaýtalanýan synag-ýalňyş synanyşyklaryň öňüni alyň.

2. Beýleki format öwürme plaginlerini hem bir wagtda üst-üstüne goýuň
   Eger Plus WebP çalşygyny işjeňleşdirip, şol bir wagtyň özünde ShortPixel-e geljekki nesil teglary döretmegi we goşmagy buýrsaňyz, logika üst-üst gelip, meseleleri çözmegi has-da kynlaşdyrar. Route B-de ShortPixel munuň bilen garaşsyz ýagdaýda meşgullanýar.
3. Diňe ony gurnamak bilen “frontend WebP/AVIF hyzmat edýär” diýip çaklamak.”
   ShortPixel goşundysynyň sahypasyOl WebP/AVIF formatlaryny öwürip, indiki nesil suratlary öňki sahypalara (meselem, tag ornaşdyrmak arkaly) integrir edip biler.
   Emma, tamamlanandan soň netijeler henizem barlamaly.

---

3.2.2 ImagifyHer aý 20MB mugt; kvota “asly surat ululygy + miniaturlaryň sany” esasynda aýrylýar; gaýtadan ýüklemek iki gezek kvota aýrylmagyna getirýär.

Erkin çägi we ýerleşdiriş

Imagify-nyň resmi bahalar sahypasyOl gaty düşnükli ýazylan:Mugt hasaplarda her aý 20MB möçberinde kvota bar.。
Onuň plugin sahypasy hem açyk aýdýar, ol WebP/AVIF faýllaryny siňdirip, ululygyny üýtgedip we öwürip bilýär.

Kota nädip aýrylýar?

Imagify resmi dokumentasiýasy “Kota ulanylyşy nähili hasaplanýar?” düşürme mehanizmini düşnükli düşündirýär:

• Miniatýuralaryň sany sarp edişe täsir edýär.Meselem, eger 10 sany kiçiräk surat ululygyňyz bar bolsa, bir suraty optimizasiýa etmek 11 suraty optimizasiýa etmäge öwrülýär (esasy surat we 10 kiçiräk surat), bularyň ählisi quota sarp edilişine goşant goşýar.
• Asyl faýl ululygyna görä kvotany aýyrmakMysal üçin, eger siz Imagify-e 100 KB-lyk surat iberýän bolsaňyz, kuotanyzdan 100 KB aýrylar.
• Sıkma derejesini üýtgetmek we täzeden optimizasiýa etmek kuotany ýene-de sarp eder.。
• Şol bir API açary birnäçe saýtda ulanylyp bilner, ýöne kvotalar bu saýtlar arasynda paýlaşylar.

Bu Imagify-iň “esasy düşünme çemeleşmesi”:
Bu has köp maglumat paketi ýaly: näme iberýän bolsaň, şony aýyrýar; näçe köp miniatura, şonça köp aýyrýar; gaýtalanýan agyr ýüklemeler gaýtalanýan aýyrmalara getirýär.

Aňsat düşünilýän Imagify kwota mysallary

Faraz ediň, siz 800 KB-lik asyl suraty ýüklediňiz we saýt 8 sany kiçeldilen surat döredýär.

• Imagify bilen optimizasiýa edeniňizde, “Hemmesini optimizirlemek” opsiýasyny saýlasaňyz, hem asyl surat, hem-de sekiz kiçeldilen nusga goşulýar. Bu bir amalyň, bu faýllaryň ählisiniň asyl ululygynyň jemi mukdaryna golaý quota sarp etjekdigini aňladýar.
  Şonuň üçin käbir saýtlaryň “20MB” kvotasy çalt gutarýar: mesele Imagify-iň bu işi başaryp bilmeýändiginde däl, eýsem ýükläýän suratlaryňyz gaty uly, kiçeldilen suratlaryň köp sanly görnüşini döredýärsiňiz we dürli sypyrma derejesini gaýtalap synap görýärsiňiz.

Imagify bilen baglanyşykly köplenç duş gelýän ýalňyşlyklar

1. Free 20MB “sahypanyň taryhyny doly arassalamak” üçin ýeterlik däl.”
   20MB adatça synag we kiçi täzelenmeler üçin has amatly; eger media kitaphanangyz eýýäm uly bolsa, ony bir gezekde arassalamak ähtimal täzeleniş talap eder.
2. Sıkma derejesine gaýtalanýan üýtgetmeler gaýtadan kвоta sarp edilmegine getirýär.
   Imagify açyk aýdýarTäzeden optimizasiýa kuotany ýene-de sarp eder.
   Bu sahypada strategiýany anyk kesgitlemek maslahat berilýär:

• Ilki bilen, az sanly surat ulanyp, kompressiýa derejesini we wizual hili kesgitläň.
• Toplumlaýyn işledilmezden öň strategiýany tamamlaň.
  Bütin maglumatlar bazasy boýunça gaýtalanýan synag we ýalňyşlyklardan gaça duruň.

3. Birnäçe saýtda paýlaşylan API açarlary kwotalaryň täsin usulda azalyp başlamagyna getirýär.“
   Eger birnäçe saýtda şol bir API açaryny ulansaňyz, kvotalar paýlaşylar.
   Şonuň üçin topar/köpsaytly şertlerde haýsy sahalaryň serişdeleri paýlaşýandygyny we haýsysynyň garaşsyz işleýändigini anyk kesgitlemek maslahat berilýär, şonuň bilen býujet boýunça gözegçiligi ýitirmegiň öňüni alyp bolýar.

---

3.2.3 Tini PNG(Kiçi Surat Sыgytdyş): Aýlyk 500 mugt kredit; WebP/AVIF-e öwürmek her ölçeg üçin goşmaça 1 kredit talap edýär.“

Erkin çägi we onuň hasaplaýyş usuly

TinyPNG WordPress plagin sahypasy örän düşnükli ýazylan:

• Her aý 500 kredit mugt
• Standart WordPress gurnamasynda ol takmynan siňdirilip bilner. Aýda takmynan 100 surat
• Emma, eger AVIF ýa-da WebP öwürme ýanaşdyrylan bolsa:Her bir surat ululygy goşmaça kredit töleginiň tölenmegine sebäp bolar.Şonuň üçin ony ähtimal diňe sykyp we öwürip bolýar. Aýda takmynan 50 surat(Siziň näçe kiçijik surat ululygyňyz bardygyna baglylykda)

Bu aralykda, Tinify (TinyPNG/TinyJPG-iň işläp düzüjisi) hem özünde yglan etdi API bahalar sahypasyBellik: Her aý 500 mugt kompressiýa almak üçin hasaba duruň. Bu möçberden artyk kompressiýalar üçin diňe üstünlikli kompressiýalaryň sanyna görä töleg alynýar, hökmany abuna talap edilmeýär.

TinyPNG-i bir setirde jemlemek üçin:
Ol kreditler boýunça hasaplaýar; näçe köp kiçeldilen surat ululyklaryňyz bar we näçe köp WebP/AVIF formatlaryny işjeňleşdirseňiz, kreditleriňiz şonça çalt gutarar.

TinyPNG kreditleriniň aňsat düşnükli mysaly

Faraz ediň, saýtyňyz her bir surat üçin sekiz sany kiçeldilen surat ululygyny döredýär:

• Diňe gysylma: Asyl surat + 8 kiçeldilen surat → 9 kredit gerek
• Eger WebP/AVIF öwürme ýanaşdyrylan bolsa: ululyk boýunça goşmaça kredit düşürilmegi → çykdajynyň mümkin iki esse ýokarlanmagy
  Bu plugin sahypasyndaky düşündiriş bilen takyk gabat gelýär: öwürmegi işjeňleşdirmekden soň mugt rugsat takmynan “aýda 100 surat”dan “aýda 50 surat”a üýtgeýär.

TinyPNG bilen baglanyşykly köplenç duş gelýän ýalňyşlyklar

1. 500 kredit = 500 surat diýip kabul edeliň
   Ýok. Ol “surat ululygy/warianty” esasynda kreditleri sarp edýär. Plugin sahypasynda açyk aýdylýar: “Özgerişlik her surat ululygy üçin goşmaça 1 kredit aýrylýar”.
2. Tema/e-ticaret goşundysy aşa ululykdaky ölçegleri döredýär, netijede mugt kuotanyň ep-esli azalmagyna getirýär.
   Ölçegler näçe uly bolsa, kreditleriň artdyrylmagy we sarp edilmegi şonça aňsat bolýar.
3. Konwersiýany işjeňleşdirenden soň, karz çäginiň birden ýeterlik däldigini gördüm.
   Bu näsazlyk däl; bu onuň töleg mehanizmidir.
   Stratejik teklipler:

• Eger mugt gatlak esasan gysylma we agramy azaltmak üçin ulanylýan bolsa, ilki bilen diňe gysylmaga ünsi jemläp bilersiňiz. Sahypanyň gurluşynyň durnuklydygyny we geljekki nesil (next-gen) hakykatdan hem zerurdygyny tassykladyňyzdan soň, öwürme işine başlap bilersiňiz.

4. Kontekst esasly maslahatlar: dürli sahypa görnüşleri üçin nähili saýlamak

WordPress ulanýan ähli mazmun saýtlary, e-ticaret platformalary, portfeliýler we agzaçylyk saýtlary her biri aýratyn suratlara degişli basyş nokatlaryny döredýär.

4.1 Mazmuna gönükdirilen web sahypalary/bloglar (her makalada köp sanly surat we orta derejede täzelenme ýygylygy bilen)

Iň möhüm maslahatlar:

1. Ölçeg strategiýasy (1-nji ädim)
2. Sıkma (2-nji ädim)
3. WebP (3-nji ädim)

Has amatly ýol:

• Köniýetsiz wariant üçin: üç alternatiwadan birini saýlaň (ShortPixel / Imagify / TinyPNG)
• Mugt opsiýa: A ugury (WebP + EWWW goşulýar), ýöne başlangyçda “konserwatiw režim”de (asly suratlary pozman) töwekgelçilikleri bahalandyrmak maslahat berilýär.

Adaty ýalňyşlyklar:

• Makalanın başlyk suraty gaty uly we erteläp ýüklemek strategiýasy ýerliksizdir.Birinji ekrany haýalladýar

4.2 Elektron söwda/Önüm saýtlary (köp sanly kiçijik suratlar, birnäçe surat wariantlary, durnuklylyk iň möhümdir)

E-ticarette iň köp duş gelýän meseleler “erbet siňdiriş netijelerinden” däl-de, optimizasiýadan soň ölçegleriň nädogry bolmagy, kiçi suratlaryň ýoklugy we front-end komponentleriniň suratlary alyp bilmezliginden ýüze çykýar.

Iň möhüm maslahatlar:

1. Ünsli hereket ediň: sıgyrma strategiýalarynda konservatiw çemeleşmäni kabul ediň; doly maglumatlar bazasyny çalt çalyşmakdan gaça duruň.
2. Kiçi suratlaryň ölçeglerini seljer: Elektron söwda temalary adatça has köp ölçeg döredýär, bu bolsa quota sarp edilişini artdyrýar (esasan ShortPixel/TinyPNG bilen aýdyň görünýär).
3. Kölemelendirmäge başlamazdan öň kiçi göwrümli tassyklama geçiriň (örän möhümdir)

Has amatly ýol:

• B ugry köplenç az kynçylyk döredýär: ShortPixel, Imagify we TinyPNG hemmesi toparlaýyn işlenişi goldaýar. Esasy zat kwota ulgamyny düşünmek we çykdajylary öňünden bahalandyrmakdyr.
• Route A hem mümkin, ýöne Plus WebP-iň ID-leri üstünden geçirmek, asyl suratlary öçürmek we URL-lary çalyşmak ýaly hereketlerine has uly üns bermeli: bu serişdeleriň göçürilmegini aňladýar we başyndan başlap doly çalyşmak maslahat berilmeýär.

4.3 Portfel/Fotografçylyk web sahypasy (suratlaryň hiline, uly faýl ululyklaryna we ýokary wizual standartlara duýgur)

Iň möhüm maslahatlar:

1. Ölçeg strategiýasy (Görkezme meýdanyny dolandyrmak)
2. Sыgyrma strategiýasy (jikme-jiklikleri ýitirmekden has gowudyr biraz uly bolmak)
3. WebP/AVIF (uly surat senariýalarynda möhüm peýdalar berýär, emma görme hiliniň tassyklanmagy gerek)

Has amatly ýol:

• Imagify“Asyl surat ululygyna” görä kvotalary bölmek şeýle saýtlary “býujet dolandyryşy” üçin has amatly edýär (her bir uly suratyň takmynan näçe ýer tutjakdygyny bilýärsiňiz), ýöne gaýtadan gysylmagyň öňüni alyň.
• GysgaPikselEger kiçijik suratlaryň ölçegleriniň sany çäkli bolsa, kredit sarp edilişi dolandyrylyp bilner; emma geljekki nesil aktivler bilen birlikde köp sanly ölçeg döretmekde kredit ulanylyşy ep-esli ýokarlanýar we öňünden meýilleşdirmä mätäçlik döredýär.

5. Limit/Hasaplaşdyrma deňeşdirilmegi: Mugt limitiň ýeterlikdigini düşündirmek

Haýsysy has tygşytly we mugt döwriň dowamlylygy näçe?

5.1 Üç töleg kesmek modeli

• GysgaPiksel(täşekürler)Kreditler asyl suratlaryň we kiçeldilen suratlaryň sanyna görä hasaplanýar; WebP/AVIF wersiýalaryny döretmek bolsa degişli formatlaryň her biri üçin goşmaça kredit azaldylmagyna sebäp bolar.
• Imagify(MB kvota)Kota düşümleri başlangyç faýl ululygyna görä kesgitlenýär; has köp miniatura suratlar has uly düşümlere getirýär; gaýtadan siqirleýiş has-da köp düşümleri döredýär.
• Tini PNG(täşekürler): Aýlyk 500 kredit; WebP/AVIF öwürmegi ýakmak surat ululygyna görä goşmaça kredit sarp eder.

5.2 Çalt çaklama usullary

Ony aşakdaky ýaly çaklap bilersiňiz:

1. Her gezek ýükleýän islendik “asly surat'yňyzy saýlaň we onuň takyk däl ululygyny barlaň (meselem: 300KB / 1MB / 3MB)
2. Saýtyňyzyň döredýän kiçijik surat ululyklarynyň takyk däl sanyny çaklaň (meselem, 5 / 10 / 20)
3. WebP/AVIF döretmeli ýa-da däldigi kesgitläň (Hawa/Ýok)

Soňra sarp edişi düşünmek üçin aşakdaky “akyl hasaby”ny ulanyň:

• GysgaPikselHer surat üçin takmynan 1 + kiçeldilen suratlaryň sany kredit; eger WebP/AVIF formatlarynda döredilýän bolsa, takmynan iki esse köp (geljekki nesil wersiýalary hem kredit talap edýär).
• ImagifyHer surat kwotasyna (asyl surat ululygy + ähli kiçeldilen suratlaryň jemi ululygy) görä hasaplanýar; siňdiriş derejesini üýtgetmek we gaýtadan siňdirmek kwotadan ýene bir gezek aýrylyp galmagyna sebäp bolar.
• Tini PNGMugt: 500 kredit; eger saýtyňyz her surat üçin köp sanly ölçeg döredýän we öwürme (conversion) ýanaşygy ýanaşdyrylan bolsa, mugt möçber ep-esli azalar (plugin sahypasynda “aýda takmynan 100 surat” bilen “aýda takmynan 50 surat” arasynda çaklamalar berilýär).

6. Riskler barada habar beriş

Howp 1: Bir funksiýany gaýtalanýan ýagdaýda ýerine ýetirýän birnäçe plugin ulanmakdan gaça duruň.

Bu betbagtçylygyň iň köp duş gelýän çeşmesidir.“

• Route A:WebP ýa-da AVIF + EWWW goşmak(Jogapkärçilikleri ikisine bölüň; meňzeş öwürmeleri we eltip bermeleri bir wagtda ýerine ýetirmäň ýa-da diňe olaryň birini gurnamaň.)
• Route B: ShortPixel / Imagify / TinyPNG Üçden birini saýlaň(Sıkıştırma we indiki nesil üçin jogapkär birini saýlaň)

Risk 2: Plus WebP-iň “ID-i üstünden ýazmak / asyl suraty öçürmek / URL-i çalyşmak” funksiýasy serişdeleriň göçürilmegini emele getirýär.

Ýene bir gezek nygtalmalydyr:Plýus WebP Beýanatda açyk aýdylýar, doly döretme wagtynda asyl surat ID-si täzeden ýazyljak, asyl faýl pozuljak we mazmunyň URL salgysy çalşyryljak.
Bu, aňsatlyk bilen tersine gaýtaryp boljak kiçi bir düzediş däldigini, eýsem aktiw derejesindäki bir üýtgetme bolup durýandygyny aňladýar.

Maslahat berilýän strategiýa şeýle bolmaly:

• Ilkinji kiçi göwrümli synag (onlardan ýüzlere çenli element)
• Öň tarapdaky görkezmäniň, kiçeldilen suratlaryň we keş täzelenişleriniň hemmesiniň dogry işleýändigini tassyklap geçiň.
• Doly maglumatlar bazasy işlenişini göz öňünde tutuň

Risk 3: Bulut kompressiýasynyň “mugt rugsat” boýunça hakyky sarp edilişi saýlanan miniatura sanyna we indiki nesil opsiýalaryna baglydyr.

• GysgaPikselKiçi suratlar we indiki nesil kreditlere uly täsir eder.
• Tini PNGWebP/AVIF-i işjeňleşdirmek her bir surat ululygy üçin goşmaça kredit aýyrmalaryna sebäp bolar.
• ImagifyAsyl surat ululygyna görä aýyrma ediň; miniaturalar näçe köp bolsa, aýyrma şonça ulalýar. Agyr siňdiriş gaýtalanýan aýyrmalara getirýär.

Töwekgelçilik 4: “Generated WebP/AVIF” “Frontend delivering WebP/AVIF” bilen deň däl.”

Köp ulanyjylar konwersiýadan soň saýtlarynyň çaltlaşmandygyny habar berýärler; munuň esasy sebäbi frontend-iň JPG/PNG faýllaryny çykarmagyny dowam etdirýändigidir (iş prosessiniň haýsydyr bir tapgyrynda – keshleme, gaýtadan ýazmak, taglar ýa-da brauzer gepleşikleri boýunça gabat gelmezlikler sebäpli).

7. Wezipesini tamamlandan soň onuň täsir edip-etmedigini nädip barlap bilerin?

Dört örän düşnükli barlag nokady:

1. Şol bir sahypany ikinji gezek täzeläniňizde, ýükleme prosesi has durnukly we çalt bolýarmy?(Keshlemegiň we optimizasiýanyň duýulan täsirliligi)
2. Mobil we stolüstü ýüklänişde surat ölçeglerinde göze ilýän tapawut barmy?(Jogap beriji) srcset/ölçegler Onuň täsirli bolup-bolmandygy
3. Birnäçe suraty çalt barlag: WebP ýa-da AVIF faýllary/resurslary bar my?Saýt ony hakykatdanam ulanýarmy? indiki nesil）
4. Birnäçe surata çalt göz aýlaň: zoom ediň we olaryň aýdyň däl ýa-da bulanık görünýändigini barlaň.(Sygyrma hiliniň derejesi aşa ýokarymy?)

Eger dört kriteriýanyň hemmesi ýerine ýetirilse, saýlan ýolyňyzyň häzir işleýändigini görkezýär. Indiki ädime geçiň. CDN “Gönderiş gatlagy”Umumy durnuklylyk güýçlendiriljek.

8. Çärä geçmek üçin teklipler

1. Ilki bilen ýolyňyzy saýlaň:

• Meniň maksadym ony mümkin boldugyça mugt saklamak.WebP ýa-da AVIF + EWWW (ýa-da olaryň diňe birini gurnamak)
• Server serişdelerini tygşytlamak we kwota esasynda tölemek bilen gelýän içki rahatlykdan lezzet almakShortPixel / Imagify / TinyPNG-den birini saýlaň.

2. Kiçi göwrümli synag geçiriň (birnäçe onlarça element)
3. Topar bilen işlemäge başlamazdan ozal ähli zadyň tertipde bolandygyny tassyklap geçiň.
4. Gowşuryş durnuklylygyny ýokarlandyrmak üçin goşmaça gowulaşdyryşlar gerek:Okamak CDN Tizleniş

Ýygy-ýygydan soralýan soraglar

1. Näçe plugin gurnamaly? Olaryň hemmesini gurnap bilerinmi?

Bir ýoly saklamaga synanyş.

• Route A: Plus WebP ýa-da AVIF + EWWW Image Optimizer (ýa-da olaryň diňe birini gurnap)
• Route B: ShortPixel / Imagify / TinyPNG-den birini saýlaň
  Bir sahypada birnäçe plugin-iň bir wagtda “WebP/AVIF-e siňdiriş/öwürme, URL-i üýtgetmek we ýetirişi gaýtadan ýazmak” işlerini ýerine ýetirmegi köplenç garyşyklyk döredýär we ony düzetmek iň kyn bolýar.

2. WordPress eýýäm WebP/AVIF-i goldaýarmy? Maňa henizem plugin gerekmi?

Aýyrmak zerurdyr:
“Ýükläp ulanmak üçin goldaw” ≠ “Awtomatiki öwürme/awtomatiki eltip beriş”
WordPress 6.5 köne JPG/PNG faýllaryny awtomatik toparda WebP/AVIF-e öwürmez we brauzeriň mümkinçiliklerine görä yza gaýtmak opsiýalary bilen AVIF/WebP çykarmagyň doly iş akymyny hem awtomatik dolandyrmaz. Taryhy media kitaphanalaryny standartlara laýyk getirmek üçin adatça bu boşlugy doldurmak maksady bilen pluginlere ýa-da hyzmatlara mätäçlik bolýar.

3. Surat optimizasiýasynda haýsy ädim maýa goýuma iň ýokary girdeji getirýär?

Adatça şeýle bolýar. Ilki bilen ölçegleri dogry kesgitläň (srcset/sizes)。
Köp saýtlaryň haýally işleýşi kompressiýanyň ýetmezçiliginden däl, eýsem sahypalaryň diňe 900px görkezilip, ulanyjylary doly 3000px suraty göçürip almaga mejbur edýändigi sebäpli. Kompressiýa kilobýtlary tygşytlaýar, ýöne gabat gelmeýän ölçegler zerur bolmadyk göçürip almalar arkaly şol mukdary birnäçe esse boşa sarp edýär.

4. Häzir ýüklenen suratyň hemişe aslyny däl-de, kiçiräk nusgasyny alýandygyny nädip tassyklap bilerin?

Iki hadysany synlaň:

• Sahypany mobil enjamda açanyňyzda, göçürilen suratyň ölçegleri stolüstü kompýuterde görkezilýän ölçeglerden aýdyň kiçidir.
• Şol bir suratyň çeşme ululygy dürli enjamlarda ýüklenende üýtgeýär.
  Eger asyl suratlar hemişe göçürilip alynýan bolsa, munuň köplenç sebäbi tema ýa-da gurluşdyryjynyň suraty CSS fon suraty ýa-da ýörite çykyş hökmünde kabul edip, media kitaphanasynyň köp ölçegli mümkinçiliklerini we srcset funksiýasyny aýlap geçmegi bilen baglanyşyklydyr.

5. “generated WebP/AVIF” hökmanylykda frontend WebP/AVIF çykaryp berýär diýmekmi?

Ol şol bir zat däl.
Generasiýa diňe “faýl gatlagynyň” tamamlanmagydyr; frontend-iň hakykatdanam WebP/AVIF formatlarynda hyzmat berip-bermeýändigi gaýtadan ýazmak, surat tegi strategiýasy, kesh zarbalary we brauzer gepleşiginiň täsir edip-etmeýändigi ýaly faktorlara baglydyr. Tamamlanandan soň, birnäçe suratyň çeşme görnüşlerini tiz barlamaly.

6. WebP ýa-da AVIF bilen takyk nähili töwekgelçilik bar? Kitaphanadaky ähli faýllary bir basyş bilen öwürip bilerinmi?

Onuň töwekgelçilik nokady “sıkma” däl, eýsemMülk göçürme derejesini üýtgetmek：

• Doly göwrümli döretme wagtynda, asyl surat faýlynyň ID-si ýazylmagy mümkin, asyl faýl pozulyp bilner we mazmundaky URL-ler çalşyrylyp bilner.
  Şonuň üçinBütin maglumatlar bazasyny derrew çalyşmak maslahat berilmeýär.Ilki kiçi göwrümli synag geçiriň (onlapdan ýüzlerçe ýazgy) we doly maglumatlar bazasy işini başlamazdan ozal ätiýaçlyk nusgalaryň bardygyna göz ýetiriň.

7. Plus WebP üçin iki režimden haýsyny saýlamaly: asyl suraty saklamak ýa-da asyl suraty çalyşyp pozmak?

Gysgaça aýdylanda:

• Rejim 1: Asly suraty sakla + WebP/AVIF nusgasyny döret (daha durnukly)Arka gaýtarmalar üçin amatly, ýöne disk giňişligi artar (ilki suraty + täze format + dürli ululykdaky miniaturalar).
• Režim 2: Asly suraty çalyşmak we pozmak (daha agressiw)Diskiň giňeldilmegi aňsat däl, ýöne aktivleri we salgylary bir wagtda üýtgetseňiz, laýyklyk meselelerini çözmegiň çykdajysy ep-esli ýokarlanýar.
  Saýt näçe çylşyrymly bolsa (e-ticaret/birnäçe plugin/birnäçe ölçeg), şonça-da durnukly çemeleşmeden başlamak maslahat berilýär.

8. EWWW Image Optimizer tarapyndan teklip edilýän mugt ýerli kompressiýa ýeterlikmi? Ol serveri aşa ýüklemäge mümkinçilik barmy?

EWWW has köp “ýerli kompressiýa guraly” ýaly: ol CPU/IO sarp edýär.
Topar optimizasiýasy wagtynda ýüküň artmagy köplenç duş gelýär. Bu çemeleşmäň ýetmezçilikli bolandygyny aňlatmaýar, eýsem strategiýanyň degişli bolmalydygyny görkezýär: ýükü toparda, pik däl sagatlarda ornaşdyryň we zerur bolanda boşaltmak ýa-da bulut çözgütlerini saýlaň.
Eger kynçylyksyz çözgüt gözleýän bolsaňyz ýa-da server serişdeleriniň çäklendirmeleri bilen ýüzbe-ýüz bolýan bolsaňyz, Route B server üçin has tygşytlydyr.

9. ShortPixel-iň her aýda 100 mugt krediti – näme üçin diňe birnäçe suratdan soň gutarandyr ýaly duýulýar?

Çünki Kreditler “suratlaryň sany” däl.”Kiçijik suratlara we indiki nesil ulaldylmalara çäkli bolar:

• Asyl surat + her kiçi surat kredit hökmünde hasaplanýar.
• Eger WebP/AVIF döredilse, degişli her bir wersiýa goşmaça kredit sarp edýär.
  Şonuň üçin siz “1 surat” hakykatdanam takmynan “onluk kreditleriň” golaýyny sarp edip biler diýip pikir edip bilersiňiz. ShortPixel

10. Näme üçin Imagify-nyň mugt 201 TP234T/aý möçberindäki rugsady şonça çalt gutarýar?

Imagify has köp “maglumat paketi'ne meňzeýär:

• Siziň habaryňyza göräAsyl faýl ululygyKwotany aýyrmak
• Mikroşəkiller näçe köp bolsa, sarp ediş şonça ýokary bolar.
• Sıkma derejesini täzeden optimizasiýa etmek üçin üýtgetmek goşmaça kwo­ta sarp eder.
• Bir sany API açary birnäçe saýtda paýlaşylýar we kotalary hem şol deňeşde paýlaşylýar.
  Şonuň üçin “20MB ýakynda gutarar” diýen habar köplenç suratlaryň gaty uly bolmagy, gaty köp miniatura suratlary ýa-da gaýtalanýan synag-ýalňyşlyk sebäpli ýüze çykýar.

11. TinyPNG her aýda 500 mugt kredit hödürleýär, şonuň üçin plugin näme üçin her aýda diňe takmynan 100 surat hasaplaýar? WebP/AVIF-i işjeňleşdirenden soň näme üçin ol her aýda diňe 50 surata düşýär?

Sebäbi TinyPNG-niň kreditleri hem “size/variant” bilen artdyrylýar:

• Standart WordPress gurnamasy adatça aýda takmynan 100 sany suraty siňdirýär.
• AVIF ýa-da WebP öwürmesini işjeňleşdiriň:Her bir surat ululygy goşmaça kredit töleginiň tölenmegine sebäp bolar.Şonuň üçin, kiçijik surat ululyklarynyň sanyna baglylykda, aýda takmynan 50 suraty gysyp we öwürmek mümkin bolar.
  Şonuň üçin, 500 kredit 500 surat deň däl.

12. Meniň saýtymda näçe kiçijik surat bar? Näme üçin bu şeýle uly täsir edýär?

WordPress-e surat ýüklemek birnäçe ululykdaky nusgalar döredýär; temalar we pluginler (esasan e-ticaret pluginleri) goşmaça ölçegler goşup bilerler.
Bulut sypyrma kreditleri/kwotalary adatça “asly surat + kiçeldilen surat birleşdirilen görnüşde” hasaplanýar, şonuň üçin kiçeldilen suratlar näçe köp bolsa, mugt rugsatlyk şonça az wagt dowam eder.

13. Lazy loading hemişe işleri çaltlandyrýarmy? Näme üçin käbir adamlar munuň hakykatda işleri haýalladýandygyny aýdýarlar?

Lazy loading ekrandan daşarky serişdeler üçin amatlydyr.
Eger birinji ekrandaky iň möhüm uly surat hem ýüklemekde gijikdirilse, bu başlangyç ekran tejribesini haýalladyp biler. WordPress 5.5-iň standart gijikdirilen ýüklemesi adatça kabul ederlikli bolsa-da, ony göz öňünde tutmazdan ulanmakdan gaça duruň.

14. A ýa-da B ugruny saýlasam, CDN / Image CDN-e haçan mätäç bolaryn?

Sıkıştırma, ölçeg we format “kiçi we has amatly faýllar” zerurlygyny kanagatlandyrýar.
CDN çalt we has ygtybarly eltip berilişi üpjün edýär.。
Suratlar uzakdaky başlangyç serwerden alynanda uly gijä galma ýüze çyksa, her surat üçin CDN goşmak (meselem, Cloudflare Poland ýa-da Jetpack Site Accelerator) adatça has durnukly tejribe üpjün edýär. Has köp okamak WordPress CDN çaltlandyryşy。

15. Ony ýerine ýetirenden soň, onuň hakykatdanam işleýändigini barlamagyň iň ýönekeý ýoly näme?

Iň köp wagt tygşytlaýan tassyklama usuly:

• Şol bir sahypany ikinji gezek täzeläniňizde, ýükleme prosesi has durnukly we çalt bolýarmy?
• Mobil we stolüstü ýüklänişde surat ölçeglerinde göze ilýän tapawut barmy (srcset/sizes niýetlenşi ýaly işleýärmi)?
• Birnäçe suraty çalt barlag: WebP ýa-da AVIF faýllary/resurslary bar my?
• Birnäçe surata çalt göz aýlaň: zoom ediň we olaryň aýdyň däl ýa-da bulanık görünýändigini barlaň.