Hogyan működik a bővítmény
A két optimalizálási mód, a valós idejű optimalizálás, az adaptív képek és a képek optimalizálása a WordPressben.
Alapelv
Szekció neve “Alapelv”A képek a leggyakoribb okai a lassan betöltő oldalaknak. A WP Compress ezért a képeket (és a CSS-, JavaScript-fájlokat) kisebbre alakítja, és a látogatóhoz közel eső szerverről szolgálja ki. A gyorsabb betöltés kevesebb elhagyott oldalt, jobb keresőrangsort és több konverziót jelenthet.
A bővítménynek két optimalizálási módja van: élő és helyi. Hogy melyiket használod, az az igényeidtől függ.
| Mód | Mi történik a képekkel | Honnan kapja a látogató |
|---|---|---|
| Élő tömörítés | A képekről biztonsági másolat készül, és a tömörítési felhőben optimalizálódnak. | Csak a kisebb képek jutnak el a látogatóhoz, a hibrid CDN-hálózatról. |
| Helyi tömörítés | A biztonsági mentés helyét (felhő vagy helyi) te választod. A képeket tömegesen vagy egyenként optimalizálhatod a médiatárban. | A saját szerverről, a médiatárból vagy egy harmadik fél CDN-jéről, ahogy eddig. |
Helyi módban az optimalizált képek a te szervereden vannak, ezért a bővítmény kikapcsolása után is optimalizáltak maradnak.
A két mód kombinálható: előbb helyben tömörítheted a képeket, majd átválthatsz élő módra. Így a szervereden is kisebb képek lesznek (kevesebb tárhely), és ha a hónapra szóló kreditjeid elfogynak, a helyben optimalizált képek továbbra is megjelennek.
Valós idejű optimalizálás
Szekció neve “Valós idejű optimalizálás”A képek akkor tömörödnek, amikor a látogató kéri őket. A bővítmény ehhez több technikát használ:
- veszteségmentes tömörítés, amely a minőség romlása nélkül csökkenti a fájlméretet,
- automatikus formátumváltás a látogató eszközének legjobb formátumára,
- adaptív képek, amelyek az eszköz és a képernyő felbontásához igazodnak,
- késleltetett betöltés (lazy loading): a kép csak akkor töltődik be, amikor a látogató odagörgetett.
A kisebb képek kevesebb sávszélességet és szerver-erőforrást igényelnek, így a tárhelyköltség is csökkenhet.
Adaptív képek
Szekció neve “Adaptív képek”A látogatóhoz az ő böngészőjének és képernyőjének megfelelő méretű, átalakított kép kerül. Egy 27 colos, 5K felbontású iMac Chrome-jában például retina (2x) WebP-kép jön a CDN-ről, egy Samsung Galaxy S10 telefonra viszont a képernyőjéhez méretezett, kisebb fájl. Így nem viszel át felesleges adatot, és a látszólagos minőség nem romlik.
Ez jellemzően megoldja a „Méretezd át a képeket” (Serve Scaled Images) figyelmeztetést a sebességmérő eszközökben.
- Élő módban az adaptív képek automatikusan működnek.
- Helyi módban az, hogy működnek-e, a témádtól és az oldalszerkesztőd beállításaitól is függ.
Képek optimalizálása a WordPressben
Szekció neve “Képek optimalizálása a WordPressben”A WordPress a feltöltött képet általában eredeti, tömörítetlen formában tárolja, ami nagy fájlokat és lassabb oldalbetöltést jelent. A WP Compress ezt így kezeli:
- A bővítmény telepítése és aktiválása után a médiatárba feltöltött képeket automatikusan optimalizálhatja.
- Veszteségmentes tömörítést és intelligens átméretezést használ a fájlméret csökkentésére.
- A képeket kötegben is optimalizálja: egyszerre az egész médiatárat, vagy csak a kiválasztott képeket.
- Az optimalizált kép lecseréli az eredetit: kisebb a mérete, de a minősége alig tér el.
- Egyéni képméreteket is beállíthatsz, például kiemelt képhez vagy bélyegképhez.
Készült: