A Lazy Loading kiegészítése Lazy Loading

Az elmúlt hónapokban megbeszéltük a képtömörítés fontosságát. Akár a Joomla, a WordPress, a Drupal vagy bármely más CMS-ben, a képtömörítés javítja az oldal súlyát, így a globális betöltési időt. Másrészt a kép lazy loading megkönnyíti a weboldal böngészését, mivel elhalasztja a kép betöltését, amíg az olvasók eljutnak a képekhez.

A képbetöltés elhalasztásával a mobil olvasók spórolhatnak adatcsomagjukon. Mindenki más számára előnyös a gyorsabb betöltési idő, ami viszont növeli a SEO pontszámát. A lazy loading pozitív hatása elég jelentős ahhoz, hogy a Google Chrome azt tervezi, hogy a technikát natívan alkalmazza a jövőbeli frissítésekben.

A lazy loading nem a legmegfelelőbb megoldás az összes blogbetöltési bajra. Bizonyos esetekben elő kell tölteni a képeket. Más esetekben nagy képek vannak, amelyek betöltése túl sokáig tart. Ezekben a forgatókönyvekben az a tény, hogy a képeké a végső szó a betöltési időkben. Itt jön létre a képtömörítés.

lusta-betöltés-és-képtömörítés

 

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

A képek lazy loading elhalasztja a képek letöltését, amíg szükség lesz rájuk. A képek letöltéséhez szükséges idő attól függ, hogy mekkora a kép – akár néhány kilobájt, akár megabájt. A képtömörítés felgyorsítja a tényleges letöltési folyamatot a képek méretének csökkentésével. Miért töltsön be lusta a teljes méretű képeket, ha lusta töltse be a tömörített képeket?

ImageRecycle átveszi a ImageRecycle szerepét. ImageRecycle célja a képek méretének csökkentése a minőség romlása nélkül. A képek a modern weboldalak leggyakoribb és legnagyobb elemeit tartalmazzák. Méretük csökkentése azt jelenti, hogy kevesebb tárhelyért és gyorsabb böngészési élményért kell fizetni. A hatás elképesztő. Hozzáteszem, hogy a hatás még akkor is lenyűgözőbb, ha a lazy loading olyan fejlett technikát használ, mint a nézetablak előzetes lazy loading , vagyis egy vagy két képernyőmagasság már előre betöltötte a képeket.

pre-load-image-viewport

 

 

ImageRecycle bármilyen projektben használható a praktikus API-nak köszönhetően, de az ImageRecyclehasználatához nem kell technikailag gondolkodni. A képoptimalizáló két beépülő modul része, amelyek segítenek optimalizálni a WordPress és a Joomla blogokat: WP Speed of Light és Speed Cache és szinte minden platformon használható a PHP képtömörítő szkriptjével.

ImageRecycle-Setup


 

Az ImageRecycle e két beépülő modul bármelyikében vagy a szkriptben történő használata viszonylag egyszerű. Először aktiválnia kell az ImageRecycle ingyenes próbaverzióját, vagy előfizetéssel kell vásárolnia. Ezután telepítse és aktiválja a WordPress vagy Joomla kiterjesztéseket és az ImageRecycle beépülő modult, majd adja hozzá az ImageRecycle API kulcsát és titkát a beállítási oldalon. Miután sikeresen aktiválta ImageRecycle fiókját, kihasználhatja annak előnyeit anélkül, hogy el kellene hagynia a WordPress, a Joomla, az opencart vagy bármely CMS alkalmazást.

Ha először használja az ImageRecycle alkalmazást a webhelyén, akkor azonnal felgyorsíthatja az összes médiafájlt. Az aktivált beépülő modul használatával azonnal tömörítheti az összes képet és akár a PDF fájlokat is. A jövőben optimalizálhatja a fájlokat egyenként, vagy tömegesen tömörítheti az adathordozókat. A legjobb az egészben, hogy ez a folyamat a háttérben zajlik.

 

Képtömörítés finomhangolása

Az összes kép optimalizálása áldás, de ImageRecyclelegnagyobb erejét az irányítás jelenti. ImageRecyclesegítségével a képoptimalizálás egy teljesen új vezérlési dimenziót kap. Adott médiamappákat is felvehet tömörítésre, így a többi kép eredeti állapotában marad.

Sőt, a tömörítési szintet függetlenül is megadhatja a különböző fájltípusokhoz – PDF, PNG, JPG és GIF fájlok. A tömörítési szintek a legjobb mentéstől, akár 80%-kal csökkentett fájlmérettől a kevésbé állandó eredeti minőségi szintig, egészen a tömörítés nélküliig terjednek.

kép-tömörítés-minőség

 

Bizonyos esetekben érdemes a képtömörítést megelőzni egy előzetes átméretezési lépéssel. Fontolja meg, hogy hatalmas méretű képeket tölt fel egy olyan blogba, amely nem foglalkozik túlzottan a médiával. Ezek a képek valószínűleg kicsinyítve lesznek, ha a frontendben jelenítik meg őket.

A leg aggasztóbb, hogy ezek a nagy képek túl sok helyet foglalnak el, és a megjelenítésükhöz teljes egészében le kell töltenie őket. ImageRecycle lehetővé teszi a képek automatikus átméretezését maximális szélességre vagy magasságra, hogy elkerülje a blogjára káros hatással bíró 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 felgyorsítása. A képtömörítés kiegészíti a lazy loading azáltal, hogy a képoptimalizálás révén teljesen hatékony. Még mindig bizonytalan vagy izgatott a képtömörítés érdekében? Próbálja ki magának az ImageRecycle alkalmazást egy ingyenes próbaverzióval!

    Megjegyzések | Add hozzá a tiédet
      • Nem találhatók megjegyzések