Vykonajte lepšie progresívne obrázky načítajte pomocou programu AntiModerate

Skript AntiModerate nemusí znieť ako veľa. Je to však jeden z najlepších JS skriptov, ktoré môžete spustiť, aby ste zvýšili výkonnosť na väčšej stránke a udržali si silné používateľské prostredie.

S tým free plugin, môžete načítať obrázky, keď sa zobrazia v zobrazení a znížiť celkovú veľkosť stránky.

Takto sa môže načítať celá stránka najprv s malými zástupcami pre obrázky. Následne vás vaši návštevníci prehliadajú prirodzene, bez toho, aby čakali na načítanie každého aktíva - to je vždy dobrá vec z pohľadu používateľa!

Tu je postup, ako to funguje: Pridajte plugin AntiModerate na svoju stránku spolu so skriptom StackBlur.js.

AntiModerate ťahá rozmery obrázka a núti všetky značky img do pevnej veľkosti na stránke. Tieto predbežne načítané obrázky sú tlačené cez StackBlur.js, čo drasticky znižuje celkovú veľkosť ukážky súboru a tým načíta stránku oveľa skôr.

Akonáhle sú tieto menšie obrázky na mieste, potom AntiModerate načíta obrázky v plnej veľkosti na pozadí. Každá rozmazaná fotografia sa po dokončení sťahovania nahradí bežnou fotografiou. jednoduchý!

toto šetrí veľa času čakania na obrázky a pomáha vám načítať stránku oveľa rýchlejšie. Je to obrovský prínos pre používateľov, pretože môžu začať konzumovať obsah skôr, a to je prínosom pre vaše hodnotenie SERP, pretože spoločnosť Google veľmi stará o rýchlosť stránky.

Knižnicu môžete nainštalovať priamo pomocou npm alebo Bower alebo vytiahnutím skriptu cez GitHub.

To vyžaduje len niekoľko riadkov jazyka JavaScript a určite vám pomôže zlepšiť zaťaženie stránky. Pozrite sa na repozitáre GitHub a prejdite nadol na sprievodcu nastavením, aby ste mohli začať.

Len s niekoľkými riadkami kódu, AntiModerate by mal byť nepríjemný, aby sa spustil na ľubovoľnej stránke.

Nehovoriac o tom, že to beží čistý JavaScript takže nevyžaduje žiadnu závislosť, ako je jQuery, aby sme mohli pracovať.