Minden WordPress-oldal előbb-utóbb ugyanabba a problémába fut. A képek a legnehezebbek az oldalon, a szerkesztők azt töltik fel, ami a fényképezőgépből kijött, és a mobilpontszám ezt megsínyli. A szokásos válasz egy képoptimalizáló bővítmény telepítése, a szokásos jelöltek pedig a Smush, a ShortPixel és az Imagify.

Van egy második megközelítés, amely másképp működik, és az összehasonlítást ritkán teszik meg tisztességesen, mert nem azonos jellegű termékről van szó. A Cloudflare Image Transformations nem tömöríti a képeidet, hogy aztán eltárolja az eredményt. Abban a pillanatban írja át őket, amikor lekérik. Ennek a különbségnek a megértése már a döntés nagyobbik fele.

A különbség, ami eldönti: a bővítmények feldolgozzák és eltárolják a képeid optimalizált másolatait. A Cloudflare kérésre alakít át, és az eredményt a peremhálózaton gyorsítótárazza. A bővítmények aszerint számláznak, hány képed van. A Cloudflare aszerint, hány különálló változatot szolgálsz ki. Ez a két modell nagyon eltérő oldalakhoz illik.

Miben tér el a két megközelítés

Egy hagyományos optimalizáló bővítmény a médiatáradon dolgozik. Fogja minden feltöltött képedet, elküldi a szolgáltató szervereire vagy helyben feldolgozza, tömöríti, majd visszaírja az eredményt. A tárad végül optimalizált fájlokat tartalmaz, gyakran több méretben is. A munka egyszer történik meg, feltöltéskor vagy tömeges futtatáskor, és az eredmények az originen maradnak.

A transzformációk ezt megfordítják. Az eredetid érintetlen marad. Amikor egy látogató képet kér, a kérés a Cloudflare-en megy át, amely útközben átméretezi és konvertálja, majd gyorsítótárazza az eredményt. Semmi nem íródik vissza a táradba, és bármikor módosíthatod a kiszolgált méreteket egy URL átírásával ahelyett, hogy újrafeldolgoznál egy egész tárat.

Ennek van egy gyakorlati következménye, amit sokan későn fedeznek fel. Bővítménnyel, ha jövőre úgy döntesz, más méretűek legyenek a bélyegképeid, újragenerálod az egész tárat. Transzformációkkal átírsz egy paramétert.

Mit ad valójában az egyes ingyenes csomagok

Itt válik konkréttá az összehasonlítás, és itt segítenek a legkevésbé a marketingoldalak.

A Smush, a WPMU DEV-től, több mint egymillió aktív telepítéssel rendelkezik. Ingyenes csomagja veszteségmentes és veszteséges tömörítést, tömeges optimalizálást és lusta betöltést kínál. A tudnivaló korlátok: az öt megabájtnál nagyobb képeket teljesen kihagyja, és amit a legtöbben valójában akarnak, vagyis a WebP- és AVIF-konverzió, a CDN-kiszolgálás és az automatikus átméretezés, mind Pro funkció. Az ingyenes verzió tömörítő, nem korszerű formátum-futószalag.

A ShortPixel több mint háromszázezer telepítéssel bír, és kreditalapú modellt használ. Egy kredit feldolgozott képenként vagy bélyegképenként, havi száz ingyenes kredittel. Ez nagylelkűnek hangzik, amíg eszedbe nem jut, hogy a WordPress feltöltésenként több bélyegképméretet állít elő, így egyetlen fénykép négy-öt kreditet is elvihet. A korlátlan havi kredit 9,99 dollár, az egyszeri csomagok 19,99 dollártól indulnak. A WebP és az AVIF benne van, és a prémium csomagokban van CDN.

Az Imagify, a WP Mediától, szintén egymillió feletti telepítéssel rendelkezik. Az ingyenes csomag havi húsz megabájt képet fed le, nagyjából kétszáz képet. A WebP- és AVIF-konverzió minden csomagban benne van, az ingyenesben is, ami formátumok terén a három közül a legnagylelkűbb. CDN nem része a kínálatnak.

A Cloudflare Image Transformations havi ötezer egyedi transzformációt ad az ingyenes csomagban, utána ezrenként ötven centet. Egy egyedi transzformáció a kép és a paraméterek egy különálló kombinációja naptári hónaponként, tehát ugyanazt az átméretezett képet ötvenezer látogatónak kiszolgálni egyszer számít. Az automatikus formátumválasztás egyetlen transzformációnak számít akkor is, ha egyes böngészők AVIF-ot, mások WebP-t kapnak.

Melyik modell melyik oldalhoz illik

Az őszinte válasz a médiatárad alakjától függ, nem attól, melyik termék a jobb.

Kis oldal stabil tárral. Néhány száz kép, amely ritkán változik. Bármelyik bővítmény kényelmesen elbírja, és különösen az Imagify ingyenes csomagja valószínűleg teljesen lefedi. Ebben az esetben kevés ok van a Cloudflare-t is beemelni.

Nagy katalógus sok mérettel. Több ezer termékes bolt, ahol mindegyikhez kell bélyegkép, rácscsempe és részletnézet. A kreditalapú árazás ezt keményen bünteti, mert minden termék minden bélyegképe kreditet fogyaszt. A transzformációk különálló változatonként számláznak, függetlenül attól, hány terméked van, és az ismételt kérések kedvezménye miatt a népszerű oldalak nem kerülnek többe.

Nagy forgalmú oldal kevés képpel. Itt ragyognak a transzformációk, mert a számlázás egyáltalán nem követi a forgalmat. Egy vírusként terjedő bejegyzés, amely ugyanazt a tizenkét képet százezer embernek szolgálja ki, tizenkét transzformáció.

Folyamatos feltöltésű oldal. Egy naponta több tucat képet hozzáadó kiadvány napok alatt kimeríti az Imagify húsz megabájtját vagy a ShortPixel száz kreditjét. Mindkettőhöz fizetős csomag kellene. Talán a Cloudflare-hez is, attól függően, hány méret kell feltöltésenként.

Nincs Cloudflare az oldalad előtt. Akkor a transzformációk a DNS átköltöztetése nélkül egyáltalán nem opció, és a bővítmény a józan választás.

A költségek, amiket senki nem említ

Két dolog kimarad minden összehasonlító táblázatból.

A tárhely. Azok a bővítmények, amelyek az eredetiek mellett optimalizált másolatokat is megtartanak, néha jelentősen növelik a lemezhasználatot, mert a WordPress már eleve több méretet állít elő feltöltésenként, a bővítmény pedig mindegyikhez konvertált változatot ad. Olcsó megosztott tárhelyen ez időnként a sebesség helyett ez válik a valódi korláttá.

Az újrafeldolgozás. Sablont váltasz, változnak a képméreteid, és egy bővítményalapú felállás teljes újragenerálást igényel. Nagy táron ez órákig tartó szerverterhelés, és pont ekkor derül ki, hogy a szolgáltatódnak CPU-korlátja van.

Egyik sem ok arra, hogy kerüld a bővítményeket. Ezek csak az árlistán kívül eső költségek, és a tár növekedésével a kérésre történő átalakítás modelljének kedveznek.

Hogyan derítsd ki, miért fizetsz

Választás előtt számolj meg négy dolgot a saját oldaladon. Ez egy délutánt vesz igénybe, és megbízhatóbban dönti el a kérdést, mint bármelyik összehasonlító táblázat.

Hány képet tartasz. A médiatár darabszáma, nem az oldalaké. Ez határozza meg, hogy a kreditalapú árazás egyáltalán működőképes-e.

Hány méret kell mindegyikhez. Nézd meg, mit kér valójában a sablonod. A WordPress alapból több méretet generál feltöltésenként, és a legtöbb sablon kettőt-hármat használ közülük. Ha a sablonod nyolc egyedi méretet regisztrál és négyet használ, akkor a listán szereplő minden bővítménnyel fizetsz a maradék négy feldolgozásáért, és a Cloudflare-rel az átalakításukért is. Ennek a listának a nyesése mindkét esetben ingyen pénz.

Milyen gyakran változik a tár. Egy naponta feltöltő kiadványnak más a gondja, mint egy tavaly módosított bemutatkozó oldalnak. A havi kvóták az előbbit büntetik, az utóbbi számára pedig érdektelenek.

Mekkora forgalmat visznek a képek. Egyedül a Cloudflare modellje érzéketlen erre, és csak a bővítmények CDN-szintjei számlázzák. A nagy forgalmú, kevés képes oldal a létező legvilágosabb eset a transzformációk mellett.

Írd le ezt a négy számot, és a választás rendszerint magától adódik. Ha elvéted, a megújításkor derül ki, vagy amikor egy tömeges újragenerálás félúton időtúllépéssel leáll egy katalógusban.

Mindkettő használata

Ezek nem zárják ki egymást, és a kombináció gyakran az értelmes válasz. Tömöríts feltöltéskor bővítménnyel, hogy az eredetijeid ne legyenek fölöslegesen nehezek, aztán a méretezést és a formátumkonverziót bízd kiszolgáláskor a transzformációkra. Kisebb tárad és kisebb átvitt adatmennyiséged lesz, és egyik rendszer sem végzi el a másik munkáját feleslegesen.

Amit nem érdemes: két olyan rendszert futtatni, amely mindkettő formátumot konvertál. Két bővítmény, amely a WebP-előállításon veszekszik, zavaros eredményt és elpazarolt feldolgozást ad, és ez gyakori oka annak, hogy a képek asztali gépen helyesen jelennek meg, régebbi mobilböngészőkön viszont eltörnek.

Ha a Cloudflare-oldalt WordPressen szeretnéd automatizálni Worker írása nélkül, az általam karbantartott bővítmény átírja a képURL-jeidet transzformációkra, pótolja a hiányzó szélesség- és magasságértékeket, és engedélyezőlistára teheted azokat a külső forrásokat, amelyekhez nem akarsz nyúlni. Ingyenes, és nem ad hozzá saját kreditrendszert.

Az URL-formátum és a Worker-megközelítés működéséről lásd a Cloudflare Image Transformations írásunkat. Ha egyben azt is eldöntöd, hol legyenek a fájlok, a Cloudflare R2 képtárhelyként a tárolás kérdését és a nulla kimenő forgalmi díjat tárgyalja.

Válasz a te oldaladra

A döntés olyan számokra fut ki, amelyeket egy délután alatt megszámolhatsz: hány képed van, hány méret kell mindegyikhez, milyen gyakran változik a tár, és ott van-e már a Cloudflare az oldalad előtt. Ez a négy válasz egyértelműen az egyik vagy a másik lehetőségre mutat, és elrontani olyan módon drága, amit később bosszantó kibogozni.

A Mecanik olyan WordPress teljesítményauditokat készít, amelyek megmérik, mibe kerülnek valójában a képek, mielőtt bármilyen változtatást javasolna, és WordPress-fejlesztési munka keretében elvégzi a kivitelezést is, ha a megoldás túlmutat egy telepítésen.

Kapcsolódó bejegyzések: WooCommerce termékképek: miért lassúak a kategóriaoldalak , WooCommerce teljesítmény: miért lassú a webáruháza , A Cloudflare R2 árazás magyarázata - Valós költségek vs S3 és Backblaze , Cloudflare Email Routing - Ingyenes e-mail saját domainnel .

Gyakran ismételt kérdések

Jobb a Cloudflare Image Transformations, mint a Smush vagy a ShortPixel? Nem jobb, hanem más. A bővítmények optimalizált másolatokat tömörítenek és tárolnak, és aszerint számláznak, hány képed van. A Cloudflare kérésre alakít át, és különálló változatok szerint számláz. A nagy katalógusok általában a Cloudflare-nek kedveznek, a kis stabil tárak a bővítménynek.

Melyik képbővítménynek a legjobb az ingyenes csomagja? Az Imagify ingyenes csomagjában benne van a WebP- és AVIF-konverzió, amit a Smush a Próhoz köt, viszont havi húsz megabájtra korlátoz. A ShortPixel havi száz kreditet ad, bár a WordPress bélyegképei feltöltésenként többet fogyasztanak. A Cloudflare ötezer egyedi transzformációt ad.

Használhatok együtt optimalizáló bővítményt és Cloudflare-t? Igen, és gyakran van is értelme. Tömöríts feltöltéskor a bővítménnyel, hogy az eredetik ne legyenek fölöslegesen nehezek, a méretezést és a formátumkonverziót pedig bízd a Cloudflare-re. Kerüld a két olyan rendszert, amely mindkettő WebP-re konvertál, mert az pazarolja a feldolgozást és következetlen eredményt ad.

Kell a Cloudflare az oldalam elé a transzformációkhoz? Igen. A transzformációk a Cloudflare-fiókodban lévő zónán át kiszolgált képekre vonatkoznak. Ha a DNS nem a Cloudflare-nél van, vagy a képek a fiókodon kívüli tárhelyről jönnek, a kérések megkerülik a mechanizmust, és a bővítmény a gyakorlatias választás.

Tényleg javítja a képoptimalizálás a Core Web Vitalst? Általában igen, mert a képek adják az oldalsúly nagy részét, és a legnagyobb kép gyakran a Largest Contentful Paint eleme. Egy helyesen méretezett, korszerű formátumú kép közvetlenül csökkenti ezt az értéket, de nem javítja a szkriptek vagy a szerverválaszidő okozta lassúságot.