Brzina očitavanja i otvaranja sajtova je sada bitnija nego ikad. U 2016 godini je jako bitno korisnicima obezbediti trenutno očitavanje sajtova i ukoliko im vi to ne obezbedite, obezbediće im neko drugi. Tako je danas i taj trend će biti u razvoju narednih godina.
Dizajneri će uvek testirati sajt da bi bili sigurni da će svojim klijentima obezbediti brze sajtove. Šta je brz sajt? Kako to izraziti u brojkama?
Osvrnućemo se na rezultate nekih istraživanja:
- 47% korisnika želi sajt koji će se očitati za manje od 2 sekunde.
- Korisnici elektronskih prodavnica žele da se sajt očita za manje od dve sekunde, dok je cilj Googlea da se sajtovi učitavaju za manje od polovine sekunde.
- 57% korisnika će napustiti mobilni sajt ukoliko se učitava duže od 3 sekunde.
Jasno je da brzo očitavanje sajtova obezbeđuje bolje korisničko iskustvo. U nastavku teksta ćemo vam dati nekoliko fantastičnih ideja za dizajniranje brzih sajtova.
Minimalistički dizajn
Moramo uzeti u obzir da prilikom dizajniranja sajta, vaš sajt će imati elemente koje je neophodno učitati. Veći broj elemenata za učitavanje će povećati vreme neophodno za očitavanje sajta.
Dosta toga će ovde zavisiti od vaše filozofije dizajniranja sajta. Možete sebi uštedeti dosta vremena ukoliko pametno dizajnirate sajt i ukoliko ne preterate sa brojem elemenata koji će povećati vreme za učitavanje sajta.
Jako bitan princip je minimalistički princip i minimalistički dizajnirani sajtovi će se brže očitavati i bolje raditi.
Neki elementi minimalističkog dizajna su:
- Hamburger meni umesto standardne navigacije
- Više belog prostora
- Kratke web forme
- Manje slike
- Jedan font umesto više fontova
Vikipedija je idealan primer minimalističkog web dizajna
Na početnoj stranici Vikipedije se unosti pojam za pretragu. Na primer “Tigar””. Potrebno je manje od jedne sekunde da se dođe do stranice Tigar na Vikipedijinom sajtu. Ako bacimo pogled na rangiranje saobraćaja, možemo i da izmerimo vreme očitavanja.
Razumevanje značaja performansi sajta
Čak i u web dizajnu percepcija je realnost. Ovo znači da je najbitniji zadatak dizajnera da kreiraju sajt koji će biti dobar po merilima korisnika i koji će njima obezbediti dobro korisničko iskustvo.
U digitalnoj eri, kada sve više dolazi do izražaja značaj vremena, može se reći da je brzina učitavanja sajta najbitnija u samom dizajnu. Korisnici su nestrpljivi i ne žele da provode mnogo vremena na webu, već žele da sa što manje utrošenog vremena, truda i energije dobiju potrebne informacije i izvrše određenu akciju na sajtu.
Potražite pomoć od Googlea
Google želi vaš sajt da bude brži. Brži sajtovi se uklapaju u celokupnu misiju Googlea da internet bude brži. Zato je jako bitno koristiti besplatne alate koje nudi Google svim web diztajnerima.
Jedan od njih je alat Google Developers koji se zove “Make the Web Faster page”. Tu ćete naći širok asortiman alata koji će vam pomoći da ubrzate sajt.
Jedan od najboljih alata je Page Speed Insights, gde dobijate detaljan uvid u elemente koji usporavaju vaš sajt. Najvažnije je što dobijate izveštaje i preporuke o tome kako da rešite problem brzine sajta.
Kada ukucate URL vašeg sajta, dobićete listu stvari koje je neophodno popraviti koje su vezane kako za brzinu tako i za samo korisničko iskustvo.
Navešćemo primer sajta koji ima 72/100 rejting za brzinu, što je dobro, ali nije odlično. Ostavićemo skor po strani, osvrnućemo se na predloge za ubrzavanje sajta do rejtinga 100.
Kada se klikne na Desktop tab, dobije se rejting za desktop uređaje. Možemo videti da je skor 84/100 što je bolje.
Što više ovih Googleovih saveta uvažite, svojim klijentima ćete obezbediti brži sajt.
Lazy loading
Da li ste ikad čuli za lazy loading. To je šablon koji podrazumeva ubacivanje elemenata onog momenta kada su neophodni. Na primer, elementi koji su ispod će početi da se očitavaju kada korisnici skroluju do tog dela stranice. Ovo se koristi u situacijama kada je vašem sajtu potrebno dosta elemenata, ali i brzo očitavanje.
Ukoliko vaša stranica ima dosta sadržaja i zahteva od korisnika da skroluje po stranici, ovi alati će ubrzati brzinu stranice i samim tim poboljšati iskustvo korisnika.
U nastavku teksta ćemo vam navesti nekoliko plugina:
- Lazy Load Plugin for jQuery
- Lazy Load WordPress Plugin
- BJ Lazy Load
- Unveil.js
- bLazy.js
- Angular Lazy IMG
- ocLazyLoad
- React-Lazy-Load
- Jason Slyvia’s React-Lazyload
Stanica Appleovog iPhone-6, je stranica koja se dugo skroluje. Odlična za lazy loading. Ukoliko skrolujete stranice videćete mnogo različitih slika od kojih svaka od njih usporava sajt. Lazy loading bi mogao biti koristan za ovu stranu, s obzirom da rezultati Alexa Page Rank toola nisu baš najsjajniji.
Optimizujte servere
Jedan od važnijih načina da učinite svoj sajt brzim je da optimizujete servere. Na primer odziv servera je jako bitan prilikom učitavanja vašeg sajta. Parametar Server Response Time je vreme koje je potrebno vašem serveru da se odazove na upit pretraživača.
Drugim rečima, optimizacija vaših stranica, dizajna, elemenata će biti uzaludna ukoliko je veliki Response time na vašem serveru.
Jako je bitno implementirati sledeće strategije na serveru da bi ste povećali response time:
- Koristite više resursa za svaku stranicu, odložite očitavanje slika i koristite eksterne CSS i JavaScript fajlove.
- Koristite CDN mrežu
- Koristite rešenja za caching
- Poboljšajte konfiguraciju servera
Brži sajtovi imaju više korisnika, čitalaca i kupaca
Dizajniranje i optimizacija sajta sa brže očitavanje može biti stresan posao u 2016 godini. Svi žele da svojim korisnicima obezbede dobro iskustvo i brzo učitavanje sadržaja. Razlika između vas i konkurencije nekad i može biti u brzini očitavanja sajta.
Ukoliko implementirate savete koje smo vam dali u ovom tekstu, povećaćete brzinu svog sajta. Time ćete dobiti zadovoljne korisnike koji će se uvek vraćati na vaš sajt. Naravno, ne zapostavljajte testiranje svog sajta i proveravajte u kontinuitetu brzinu vašeg sajta, pošto ćete na taj način moći da obezbedite korisnicima brz sajt.