Postupně umožňuje Lazy zatížení obrázky s Vanilla JS

Každá moderní webová stránka musí být rychlá. I když existuje mnoho technik a pluginů pro zvýšení rychlosti stránky, přesto nemusíte vědět, kde začít.

Skript progresivně je skvělý zdroj pro zvýšení rychlosti stránky. Funguje jako lazy načítání obrazu skript, který načítá obrázky postupně, jak uživatel posouvá stránku dolů.

Je to bezplatný open source projekt, který si můžete stáhnout a spustit na libovolné webové stránce. Plus to běží na 100% vanilce JS, takže to má nulové závislosti, které vás mohou vážit dolů.

Můžete se podívat na živé demo na domovské stránce Progressively.

Je to poněkud jiné než jiné skromné ​​zaváděcí skripty, protože udržuje pevnou velikost obrázku pro celou stránku. Tento zabraňuje stále tak nepříjemnému skákání stránek, které vidíte vždy, když se snímky rychle načítají a zvýší výšku obsahu.

Zástupné znaky obrázku skutečně vypadají jako obrázky, které načítáte. Úžasný!

Tato elegantní technika dává návštěvníkům šanci náhled, jak vypadají obrázky před načtením. Je to vše zpracované pomocí JavaScriptu, který kontroluje umístění uživatele na stránce a předběžně načítá obrázky tak, jak se dostanou do zobrazení.

Postupně má a rozsáhlé API takže je to skvělá volba pro webové vývojáře. Nastavení může získat technické, takže to pomůže, pokud víte, že vaše cesta kolem základního rozhraní kódování.

Více se ale můžete dozvědět na hlavní stránce GitHub, která obsahuje úplnou dokumentaci k API, pokyny k nastavení a ukázkové ukázky kódu, které můžete kopírovat / vkládat do svých projektů.

Pokud potřebujete důvěryhodný lazy-loading image skript bez ošklivých závislostí, pak progresivně natočte snímek. Je to zcela zdarma a nabízí mnoho přizpůsobení pro vývojáře.

Také se podívejte na Progressive GitHub, abyste se dozvěděli více a nabrali si zdrojový kód ke stažení.