Fokozatosan lehetővé teszi, hogy Lazy betöltse a képeket Vanilla JS-el

Minden modern weboldalnak gyorsnak kell lennie. Annak ellenére, hogy sok technikát és bővítményt használnak az oldal sebességének növeléséhez, mégsem tudja, hogy hová kezdjen.

A progresszív szkript a nagyszerű erőforrás az oldal sebességének növeléséhez. Lusta betöltési képfájlként működik, amely fokozatosan betölti a képeket, amikor a felhasználó lapozgatja az oldalt.

Ez egy ingyenes nyílt forráskódú projekt, így letöltheti ezt és futtathatja azt bármely weboldalon. Plusz 100% vanília JS-en fut, így nulla függőségek vannak, amelyek mérlegelhetnek.

Nézd meg az élő demót a Progresszív honlapon.

Ez egy kicsit más, mint a többi lusta betöltési parancsfájl, mert a rögzített képméreteket az egész oldal számára megtartja. Ez megakadályozza, hogy az oldalak mindig ugyancsak bosszantóak legyenek, amikor a képek gyorsan betöltésre kerülnek és növelje a tartalom magasságát.

És a kép helyőrzők valóban úgy néz ki, mint a feltöltött képek. Fantasztikus!

Ez a szép technika lehetőséget ad a látogatóknak előnézeti képeket néz ki a betöltés előtt. Mindez a JavaScript segítségével történik, amely ellenőrzi a felhasználó helyét az oldalon, és előzetesen betölti a képeket.

Fokozatosan van egy meglehetősen kiterjedt API így nagyszerű választás a webfejlesztők számára. A beállítás technikai jellegű, így segít, ha ismeri az alapvető frontend kódolását.

De többet megtudhat a GitHub főoldaláról, amely tartalmazza a teljes API dokumentációt, a telepítési utasításokat és a minta kódrészleteket, amelyeket a projektjeihez másolhat / beilleszthet..

Ha szüksége van egy megbízható lusta betöltő képfájlra a csúnya függőségek nélkül, akkor adjon fokozatosan egy lövést. Ez teljesen ingyenes, és rengeteg testreszabást kínál a fejlesztők számára.

Ismerje meg a Progresszív GitHub-ot, hogy többet megtudjon és letöltse a letölthető forráskódot.