Lepší postupné načítání snímků pomocí programu AntiModerate

Skript AntiModerate nemusí znít jako mnoho. Ale je to jeden z nejlepších JS skriptů, které můžete spustit, abyste zlepšili výkon na větší stránce a udrželi si silný uživatelský komfort.

S tím zdarma plugin, můžete načíst obrázky, když se objeví v pohledu a zmenšete celkovou velikost stránky.

Tímto způsobem se může načíst celá stránka První s malými zástupnými symboly pro obrázky. Pak vaši návštěvníci přirozeně procházejí, aniž by čekali na načtení každého aktiva - z pohledu uživatele vždy dobrá věc!

Jak to funguje: Přidejte plugin AntiModerate do stránky spolu se skriptem StackBlur.js.

AntiModerate táhne rozměry obrazu a vynutí všechny tagy img na pevnou velikost na stránce. Tyto předem načtené obrázky jsou posílány přes StackBlur.js, což výrazně snižuje celkovou velikost souboru náhledu, čímž se stránka načítá mnohem dříve..

Jakmile jsou tyto menší obrázky na místě, aplikace AntiModerate načte obrázky v plné velikosti. Každá rozmazaná fotografie je poté po dokončení stahování nahrazena běžnou fotografií. Snadný!

Tento šetří spoustu času čekání na obrázky a pomáhá vaší stránce načítat mnohem rychleji. Je to obrovská výhoda pro uživatele, protože mohou začít konzumovat obsah dříve, a to je přínosem pro vaše hodnocení SERP, protože Google se stará o rychlost stránek.

Knihovnu můžete nainstalovat přímo pomocí npm nebo Bower nebo přetažením skriptu přes GitHub.

To vyžaduje pouze několik řádků JavaScriptu a určitě vám pomůže zlepšit načítání stránek. Podívejte se na GitHub repo a přejděte dolů k průvodci nastavením.

S pouze pár řádků kódu, by měl být AntiModerate no-přemýšlet, aby si běží na libovolné stránce.

Nemluvě o tom běží dál čistý JavaScript takže to nevyžaduje žádné závislosti, jako je jQuery, abyste mohli pracovat.