Lazy loading képek wordpress - lusta terhelés plugin

Az alapelv lusta rakodási a képek úgy mutatják őket csak akkor, ha a felhasználó a hely, ahol azok ténylegesen található. Alapértelmezésben böngészők letöltése és a folyamat a grafika egyszerre, ami létrehoz egy felesleges késedelem.
Hogyan működik a Lazy Load:

Lazy loading plugins WordPress
Ahhoz, hogy megtalálja a megfelelő feladatot a modulok meg egy kifejezést «lusta terhelés» a WordPress tárolóból. Kár nincs válogatás, akkor kézzel kell keresni a legnépszerűbb dugó. bár ezt a rést, és nem kell sok. Vettem 8 döntéseket kell hozni, hogy a szem az első helyen. Figyelem (!) Hatékonyságának értékelése lusta rakodási a képek és néhány technikai részleteket az alábbiakban tárgyaljuk.

BJ Lazy Load

a3 Lazy Load

Rocket Lazy Load

Tulajdonképpen modul nem ugyanaz, mint a többiek - javítja a betöltési idő és csökkenti a HTTP kéréseket. A leírás azt mondja, hogy nem használja a könyvtár jQuery nehéz típus, és script súlya 6 kb. Már a kezdet kezdetén nincs további szükséges konfiguráció - csak telepíteni és aktiválni.
Őrült Lazy

Ez a dugó lusta rakodási a tartalom és a képfeldolgozó összes képet, hozzáadjuk a média könyvtár, köztük utáni képekre. Működik jobb kívül a doboz, további intézkedés nélkül, bár vannak olyan beállítások, a fejlesztők számára: a létesítmény a kép-rakodó és a képesség, hogy megszüntesse a megkerülése bizonyos anyagokat.
Lazy Load XT

Plusz Lazy Load XT lehet nevezni egy átlátszó képet-rakodó, így a felhasználók nem fogják látni az oldalon „fehér blokk” helyett betölthető. Van is támogatja háttér grafika, ha szükséges (de ez túlmutat a tartalom, és óvatosnak kell lenni).
Loading oldal a berakodás képernyő

Végül egy pár nem szabványos megoldásokat. Ez a plug-in mellett Lazy Load funkció WordPress hozzáteszi pár érdekes darab. A generációs tartalom jelenik áttetsző boot képernyő, ahol a százalékos az eljárás befejezése jelenik meg. Mindezt animációk és a különböző beállításokat: szín / kép a háttérben, botlás, ha az oldal / munkamenet, kivételek, stb Általában azt észlelik több mint egy WOW hatása, de egy idő után kezdődhet bosszantani.
Lazy Load videókhoz

A hatékonysága lusta loading
Mint mondtam, én dolgozni a modul Lazy Load - problémák nem merülnek fel, amíg a képek töltődnek csak a görgetést, és elég gyorsan. Én személy szerint nincs külön méréseket nem végeznek, amelyek kizárólag a vizuális hatás, hogy van egy „előtte” és „utána”.

Láthatjuk, hogyan lusta terhelés képek és tartalom a3 Lazy Load jelentősen eltér mind a többi módszer. Minden az ügyet a kezelése képek:
- Alapértelmezésben WordPress küldi a böngésző összes rendelkezésre álló értékek a kép. állnak rendelkezésre. Ez viszont betölti legkisebb változat, rendelkezésre áll az aktuális ablak méretét.
- Modulok BJ Lazy Load, Lazy Load XT cserélni az alapvető funkció a rendszer és attribútumok a kódot, amely lehetővé teszi, hogy használja a teljes változata a képet.
- Megoldás a3 Lazy Load teljes másolása WordPress logika - vagyis, olvassa el a lehető legkisebb mennyiségű fájlt.
Annak ellenére, hogy az alsó kérelmek száma és a végső súlyát a legújabb verzió, BJ Lazy Load egyébként gyorsabb. Az a tény, hogy a plug-in a böngésző elküldi az adatokat az űrlap adatok: image / gif, amely arra kényszerítette őt, hogy hozzon létre gif fájlok helyi letöltése helyett a szerver (HTTP kérések segítségével).

Ez nem történhet meg, ha a háttérben eredetileg fehér. Ellenkező esetben meg kell adni egy másik preloader (majdnem az összes modul lehetővé teszi, hogy erre). A Lazy Load XT is nyújtott világos képet ugyanerre a célra.
Tudod felhívni az alábbi következtetéseket:
- Ha az optimalizált képek rögzítése a program vagy Tinypng, a leggyorsabb változata BJ Lazy Load (ha összehasonlítjuk a három modul).
- Amikor egy fénykép van behelyezve a honlapon „ahogy van” (nagyobb felbontású), az optimális megoldás a3 Lazy Load, amely amellett, hogy lusta rakodási a beépített logika WP grafika.
- Azt is javasoljuk, egy plugin, amit használni - Lazy Load. Bármilyen vizsgálatokat nem végeztek, de vannak meredek fejlesztők és a maximális letöltés.
- Ha megy, hogy megpróbál egy másik megoldás, akkor ajánlatos ellenőrizni azok hatékonyságát.
Mint a bejegyzést? Feliratkozás a blog frissítéseket RSS. E-mail vagy a Twitter.