Lazy Loading kiegészítése képtömörítéssel

Az elmúlt hónapokban sokat beszéltünk a képtömörítés fontosságáról. Akár Joomlában, WordPressben, Drupalban vagy bármilyen más tartalomkezelő rendszerben (CMS) van, a képtömörítés javítja az oldal súlyát, és ezáltal a globális betöltési időt. Másrészt a képek lazy loading megkönnyíti a webhely böngészését azáltal, hogy elhalasztja a képek betöltését addig, amíg az olvasók el nem érik a képeket.

A képek betöltésének elhalasztásával a mobilos olvasók adatforgalmi díjat takaríthatnak meg. Mindenki más a gyorsabb betöltési időkből profitál, ami viszont növeli a SEO-pontszámodat. A lazy loading pozitív hatása olyan jelentős, hogy a Google Chrome tervezi, hogy a jövőbeli frissítésekben natívan bevezeti ezt a technikát.

A képek lazy loading nem a teljes megoldás minden blogbetöltési problémára. Bizonyos esetekben előre be kell tölteni a képeket. Más esetekben nagy képekről van szó, amelyek betöltése túl sokáig tart. Ezekben a forgatókönyvekben az a közös, hogy a képeknek van végső szava a betöltési időkről. Itt jön képbe a képtömörítés.

Gondos képtömörítés

A képek lazy loading elhalasztja a képek letöltését, amíg szükség nem lesz rájuk. A képek letöltéséhez szükséges idő a kép méretétől függ – legyen szó akár néhány kilobájtról, akár megabájtról. A képtömörítés felgyorsítja a letöltési folyamatot a képek méretének csökkentésével. Miért töltenénk be késleltetve a teljes méretű képeket, ha a tömörített képeket is be lehet tölteni?

ImageRecycle a képoptimalizáló szerepét tölti be. ImageRecycle célja a képek méretének csökkentése a minőség feláldozása nélkül. A képek a modern weboldalak leggyakoribb és legnagyobb elemei közé tartoznak. Méretük csökkentése kevesebb tárhelyért és gyorsabb böngészési élményért fizet. Az eredmények lenyűgözőek. Hozzátenném, hogy a hatás még lenyűgözőbb, ha a lazy loading fejlett technikát alkalmaz, például a nézetablak előtöltését, ami azt jelenti, hogy egy vagy két képernyőmagasságban már előre betöltődnek a képek.

ImageRecycle bármilyen projektben használható egy praktikus API-nak köszönhetően, de nem kell technikailag hozzáértőnek lenned ImageRecyclehasználatához. A képoptimalizáló két olyan bővítmény része, amelyek segítenek optimalizálni a WordPress és Joomla blogjaidat: WP Speed of Light és Speed Cache , és szinte bármilyen platformon használható a PHP képtömörítő szkripttel.

Az ImageRecycle használata e két bővítmény bármelyikében vagy a szkriptben viszonylag egyszerű. Először aktiválnod kell ImageRecycle ingyenes próbaverzióját, vagy előfizetést kell vásárolnod. Ezután telepítened és aktiválnod kell a WordPress vagy Joomla bővítményeket és az ImageRecycle bővítményt, majd hozzá kell adnod ImageRecycle API kulcsodat és titkos kódodat a beállítások oldalon. Miután sikeresen aktiváltad ImageRecycle fiókodat, kihasználhatod annak előnyeit anélkül, hogy el kellene hagynod a WordPress, Joomla, OpenCart vagy bármely más CMS rendszert.

Ha most használod először ImageRecycle a weboldaladon, akkor azonnal frissítheted az összes médiafájlodat. A bővítmény aktiválásával azonnal tömegesen tömörítheted az összes képet, sőt akár PDF-fájlokat is. A jövőben egyenként optimalizálhatod a fájlokat, vagy tömegesen tömörítheted a médiatartalmakat. A legjobb az egészben, hogy ez a folyamat a háttérben zajlik.

Finomhangolt képtömörítés

Az összes kép optimalizálásának lehetősége áldás, de ImageRecyclelegnagyobb erőssége a kezelhetősége. ImageRecyclesegítségével a képoptimalizálás teljesen új dimenziót kap a vezérlésben. Hozzáadhat meghatározott médiamappákat a tömörítéshez, miközben a többi kép eredeti állapotában marad.

A tömörítési szintet akár külön-külön is megadhatod a különböző fájltípusokhoz – PDF, PNG, JPG és GIF fájlokhoz. A tömörítési szintek a legjobb mentéstől, a fájlméret akár 80%-os csökkentésétől a kevésbé állandó eredeti minőségi szintig, egészen a tömörítés teljes mellőzéséig terjednek.

Bizonyos esetekben érdemes lehet a képtömörítést egy előzetes átméretezési lépésnek megelőznie. Érdemes lehet nagy méretű képeket feltölteni egy olyan blogra, amely nem kifejezetten médiára fókuszál. Ezeket a képeket valószínűleg úgyis lekicsinyítik a frontendben történő megjelenítéskor.

A legaggasztóbb, hogy ezek a nagy képek túl sok helyet foglalnak, és teljes egészében le kell tölteni őket a megjelenítéshez. ImageRecycle lehetővé teszi a képek automatikus átméretezését a maximális szélességre vagy magasságra, hogy elkerülje a blogjára károsan ható nagy képek tárolását.

Lazy loading jó megoldás a blogod betöltési idejének csökkentésére, de néha szinte felszínes lehet - a weboldalak átmeneti felgyorsulása. A képtömörítés kiegészíti lazy loading azáltal, hogy a képoptimalizálás révén teljesen hatékonnyá teszi azt. Még nem döntöttél, vagy izgatottan várod, hogy kipróbáld az ImageRecycle-t? Próbáld ki ImageRecycle próbaverzióval !