Proiect comunitar Redesign responsabil pentru Anul Nou

Începerea unui nou an este întotdeauna un moment clasic pentru a face schimbări și pentru a începe noi, atât în ​​viața noastră personală, cât și la locul de muncă. Începutul anului 2015 este momentul perfect pentru a ajunge responsabil, așa că hai să facem asta ca o comunitate! Vă solicităm să vă îmbunătățiți site-urile web și să împărtășiți rezultatele.

Luarea responsabilității pentru Web

În ultimii ani, ne-am obișnuit cu ideea că site-urile noastre ar trebui să fie receptive (cu excepția cazului în care există un motiv bun pentru a nu fi), dar în ultima vreme am început să realizăm că site-urile noastre ar trebui să fie responsabile. Dacă ați citit Responsabilul Design Responsabil al lui Scott Jehl, veți ști exact ce vreau să spun.

Un site web responsabil este unul al cărui conținut este universal accesibil, indiferent de dispozitiv, de viteza rețelei sau de limitările utilizatorului. Este ușor să vă atrageți prin cele mai recente tehnici și jucării web, însă imaginile grele, stilurile excedentare, caracteristicile slab suportate și JavaScript îmbogățit pot ruina experiența pentru mulți utilizatori.

Ce vrem să vedem

Există mai multe site-uri responsabile decât performanța, dar este un loc minunat pentru a începe. Pentru acest proiect comunitar, vom baza pe Google PageSpeed ​​Insights pentru a măsura și a îmbunătăți site-urile noastre web. Introduceți urlul site-ului dvs. (fie site-ul dvs. personal sau un site web client) și vedeți ce arată analiza:

Loc pentru imbunatatiri

Scorurile dvs. pentru dispozitive mobile și desktop vor fi prezentate sub formă de cifre de până la 100, împărțite în categorii precum "viteza" și "experiența utilizatorului", cu o listă de lucruri pe care le puteți face pentru a îmbunătăți aceste scoruri. Apoi, luând în considerare sugestiile Google, plecați și faceți site-ul dvs. web mai bine. 

Gândiți-vă că puteți gestiona două semne verde de verificare?

Nu vă faceți griji dacă site-ul dvs. nu este perfect, ci îmbunătățiți-l, fă-l mai responsabil și lăsați-ne să vedem rezultatele în comentariile! Includeți înainte și după capturile de ecran ale rezultatelor dvs. PageSpeed, dacă este posibil. Cele mai bune exemple vor fi prezentate pe Tuts+.

Sugestii pentru a începe

Iată câteva câștiguri rapide pentru a vă îmbunătăți scorul de pagină PageSpeed:

• Utilizați un instrument de comprimare a imaginii, cum ar fi TinyPNG, pentru a optimiza imaginile.
• Utilizați mai puține imagini!
• Actualizați-vă .htaccess fișier pentru a include compresia GZIP.
• Utilizați un preprocesor pentru a concatena și a minimiza foile de stil.
• Prioritizați conținutul care conține "deasupra ori". Știu că foldul a dispărut de mult, dar lucrurile din partea de sus a paginilor dvs. web sunt importante. Asigurați-vă că redarea este rapidă și că nimic altceva (cum ar fi fișierele JavaScript care nu sunt necesare până la pagina de mai jos) îl blochează de la încărcare.
• Instalați extensia de extensii Chrome PageSpeed ​​Insights (care adaugă o filă în Instrumentele pentru dezvoltatori) pentru a vă reaminti în mod regulat să verificați.

Există grămezi de alte moduri în care puteți îmbunătăți scorurile site-urilor dvs. web; unele reparații rapide, altele mai implicate. Oricare ar fi acestea, așteptăm cu nerăbdare să auzim cum le-ați implementat!