Lag bedre progressive bilder Laster med AntiModerate

AntiModerate-skriptet kan ikke høres ut som mye. Men det er en av de beste JS-skriptene du kan kjøre for å forbedre ytelsen på en større side og opprettholde en sterk brukeropplevelse.

Med dette gratis plugin, kan du laste bilder når de vises i visning og reduser din totale sidestørrelse.

På denne måten kan hele siden lastes inn først med små plassholdere for bilder. Da besøker de besøkende naturlig uten å vente på at alle eiendeler skal lastes - alltid en god ting fra brukerens perspektiv!

Slik fungerer dette: Du legger til AntiModerate-pluginet på siden din sammen med StackBlur.js-skriptet.

AntiModerate trekker bildedimensjoner og styrker alle img-koder til en fast størrelse på siden. Disse forhåndsbelastede bildene skyves gjennom StackBlur.js, som drastisk reduserer den totale forhåndsvisningsfilstørrelsen, og laster siden så mye raskere.

Når disse mindre bildene er på plass, laster AntiModerate fullstørrelsesbildene i bakgrunnen. Hver uklart bilde erstattes deretter med det vanlige bildet når det er ferdig med nedlasting. Lett!

Dette sparer en masse tid på å vente på bilder og det hjelper siden lastes mye raskere. Det er en stor fordel for brukere, siden de kan begynne å konsumere innhold raskere, og det fordeler dine SERP-rangeringer siden Google bryr seg mye om sidens hastighet.

Du kan installere biblioteket direkte med npm eller Bower, eller ved å trekke skriptet gjennom GitHub.

Dette krever bare noen få linjer med JavaScript, og det er sikkert å bidra til å forbedre sidebelastningen. Ta en titt på GitHub repo og bla ned til installasjonsveiledningen for å komme i gang.

Med bare noen få linjer med kode, bør AntiModerate være en no-brainer for å få kjører på en hvilken som helst side.

For ikke å nevne dette går på rent JavaScript så det krever ikke noen avhengigheter som jQuery å få jobbe med.