Progetto comunitario riprogettazione responsabile per il nuovo anno

L'inizio di un nuovo anno è sempre un momento classico per apportare modifiche e nuove partenze, sia nella vita personale che al lavoro. L'inizio del 2015 è il momento perfetto per arrivare responsabile, quindi facciamolo come una comunità! Ti stiamo chiedendo di migliorare i tuoi siti web e condividere i risultati.

Assunzione di responsabilità per il web

Negli ultimi due anni ci siamo abituati all'idea che i nostri siti web dovrebbero essere reattivi (a meno che non ci sia una buona ragione per non esserlo) ma negli ultimi tempi abbiamo iniziato a renderci conto che anche i nostri siti web dovrebbero essere responsabili. Se hai letto il Responsible Responsive Design di Scott Jehl saprai esattamente cosa intendo.

Un sito web responsabile è uno il cui contenuto è universalmente accessibile, indipendentemente dal dispositivo, dalla velocità della rete o dalle limitazioni dell'utente. È facile lasciarsi trascinare dalle ultime tecniche e giocattoli web, ma immagini pesanti, stili in eccesso, funzioni poco supportate e JavaScript gonfio possono rovinare l'esperienza per molti utenti.

Cosa vogliamo vedere

C'è di più in un sito Web responsabile rispetto alla sola performance, ma è un ottimo punto di partenza. Per questo progetto di community ci affideremo a Google PageSpeed ​​Insights per misurare e migliorare i nostri siti web. Inserisci l'URL del tuo sito (o il tuo sito web personale o un sito web del cliente) e guarda cosa rivela l'analisi:

Margini di miglioramento

I tuoi punteggi su dispositivi mobili e desktop verranno presentati come figure fino a 100, suddivisi in categorie come "velocità" e "esperienza utente", con un elenco di cose che puoi fare per migliorare questi punteggi. Quindi, tenendo conto dei suggerimenti di Google, vai via e crea il tuo sito web meglio. 

Pensi di poter gestire due segni di spunta verdi?

Non preoccuparti se il tuo sito web non è perfetto, ma miglioralo, rendilo più responsabile e facci vedere i risultati nei commenti! Includi prima e dopo gli screenshot dei tuoi risultati PageSpeed ​​dove possibile. I migliori esempi saranno presenti su Tuts+.

Suggerimenti per iniziare

Ecco alcune vittorie veloci per migliorare il tuo punteggio di PageSpeed:

• Usa uno strumento di compressione delle immagini come TinyPNG per ottimizzare le tue immagini.
• Usa meno immagini!
• Aggiorna il tuo .htaccess file per includere la compressione GZIP.
• Utilizzare un preprocessore per concatenare e minimizzare i fogli di stile.
• Dai la priorità ai contenuti che presentano "above the fold". Lo so, la piega è ormai lontana, ma le cose in cima alle tue pagine web sono importanti. Assicurati che il rendering sia rapido e che nient'altro (come i file JavaScript che non sono necessari fino a più in basso nella pagina) lo blocchi dal caricamento.
• Installa l'estensione di Chrome PageSpeed ​​Insights (che aggiunge una scheda agli Strumenti per sviluppatori) per ricordarti di controllare regolarmente.

Ci sono un sacco di altri modi per migliorare i punteggi dei tuoi siti web; alcune soluzioni rapide, alcune più coinvolte. Qualunque cosa siano, non vediamo l'ora di sentire come li avete implementati!