Crea migliori immagini progressive caricando con AntiModerate

Lo script AntiModerate potrebbe non sembrare molto. Ma è uno dei migliori script JS che puoi eseguire per migliorare le prestazioni su una pagina più grande e mantenere una forte esperienza utente.

Con questo plugin gratuito, puoi caricare le immagini quando appaiono in vista e riduci le dimensioni totali della pagina.

In questo modo può caricare l'intera pagina primo con piccoli segnaposto per immagini. Quindi i tuoi visitatori navigano in modo naturale senza aspettare che ogni risorsa venga caricata, sempre una buona cosa dal punto di vista dell'utente!

Ecco come funziona: aggiungi il plug-in AntiModerate alla tua pagina insieme allo script StackBlur.js.

AntiModerate tira le dimensioni dell'immagine e forza tutti i tag img in una dimensione fissa sulla pagina. Queste immagini precaricate vengono trasmesse attraverso StackBlur.js che riduce drasticamente la dimensione totale del file di anteprima, quindi caricando la pagina molto prima.

Una volta posizionate queste immagini più piccole, AntiModerate carica le immagini a schermo intero sullo sfondo. Ogni foto sfocata viene quindi sostituita con la foto normale una volta completato il download. Facile!

Questo risparmia un sacco di tempo in attesa di immagini e aiuta il caricamento della pagina molto più rapidamente. È un enorme vantaggio per gli utenti, dal momento che possono iniziare a consumare i contenuti prima, e ciò avvantaggia i tuoi punteggi SERP dato che a Google importa molto della velocità della pagina.

È possibile installare la libreria direttamente con npm o Bower, oppure estraendo lo script tramite GitHub.

Questo richiede solo alcune righe di JavaScript e aiuterà sicuramente a migliorare i carichi di pagina. Dai un'occhiata al repository GitHub e scorri verso il basso fino alla guida all'installazione per iniziare.

Con solo poche righe di codice, AntiModerate dovrebbe essere un gioco da ragazzi per funzionare su qualsiasi pagina.

Per non parlare di ciò, continua puro JavaScript quindi non richiede alcuna dipendenza come jQuery per funzionare.