Gör bättre progressiva bilder Laddar med AntiModerate

AntiModerate-skriptet kanske inte låter lika mycket. Men det är en av de bästa JS-skript som du kan köra för att förbättra prestanda på en större sida och upprätthålla en stark användarupplevelse.

Med detta gratis plugin, kan du ladda bilder när de visas i vyn och minska din totala sidstorlek.

På så sätt kan hela sidan ladda först med små platshållare för bilder. Därefter bläddrar dina besökare naturligt utan att vänta på att varje tillgång ska laddas - alltid en bra sak från användarens perspektiv!

Så här fungerar det: Du lägger till AntiModerate-pluginet i din sida tillsammans med StackBlur.js-skriptet.

AntiModerate drar bilddimensioner och tvingar alla img-taggar till en fast storlek på sidan. Dessa förbelastade bilder drivs genom StackBlur.js vilket drastiskt minskar den totala förhandsgranskningsfilstorleken och därigenom laddar sidan en hel del tidigare.

När dessa mindre bilder är på plats laddar AntiModerate fullstora bilderna i bakgrunden. Varje suddigt foto ersätts sedan med det vanliga fotot när det är färdigt att ladda ner. Lätt!

Detta sparar en massa tid som väntar på bilder och det hjälper din sida att ladda mycket snabbare. Det är en stor fördel för användarna eftersom de kan börja konsumera innehåll tidigare, och det gynnar dina SERP-rankningar eftersom Google bryr sig mycket om sidhastighet.

Du kan installera biblioteket direkt med npm eller Bower, eller genom att dra skriptet genom GitHub.

Detta kräver bara några rader med JavaScript, och det är säkert att hjälpa till att förbättra sidladdningarna. Ta en titt på GitHub repo och rulla ner till installationsguiden för att komma igång.

Med bara några rader av kod, bör AntiModerate vara en no-brainer för att få springa på vilken sida som helst.

För att inte tala om det här körs på ren JavaScript så det kräver inga beroenden som jQuery för att få jobba.