it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


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 vengono visualizzate e ridurre le dimensioni totali della pagina.

In questo modo l'intera pagina può essere caricata prima con piccoli segnaposto per le 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 estrae le dimensioni dell'immagine e impone tutti i tag img in una dimensione fissa nella 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!

Ciò consente di risparmiare 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 poche 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 di 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ò funziona su JavaScript puro, quindi non richiede alcuna dipendenza come jQuery per funzionare.

Come scrivere meglio CSS con prestazioni in mente

Come scrivere meglio CSS con prestazioni in mente

Nel post di oggi esamineremo le scelte di codice che possiamo fare in CSS per migliorare le prestazioni del sito. Ma, prima di immergerci in queste scelte, facciamo prima una breve panoramica del flusso di lavoro di rendering della pagina web per concentrarci sul aree problematiche (in termini di prestazioni) che sono risolvibili tramite CSS

(Consigli tecnici e di design)

Password WiFi dagli aeroporti di tutto il mondo - c'è una mappa per questo

Password WiFi dagli aeroporti di tutto il mondo - c'è una mappa per questo

Se viaggi molto, uno dei punti dolenti del viaggio è la disponibilità di accesso a Internet. Per la maggior parte di noi, torniamo al Wi-Fi dell'aeroporto per le nostre pressanti esigenze, almeno finché non saremo in grado di garantire un'alternativa alla nostra destinazione. Sono sicuro che puoi capire la necessità di una mappa che elenchi tutte le password per l'accesso WiFi all'aeroporto in tutto il mondo.Cre

(Consigli tecnici e di design)