hamburgercrnixcrni

KAKO UBRZATI WEB STRANICU?

Josip B.

Josip B.

~ 4 minute čitanja

Priprema.

Za ovaj test koristit ćemo subdomenu naše domene magis-agency.com

Novoregistriranu subdomenu nazvat ćemo optimizacija.magis-agency.com (radi lakšeg praćenja).

Nakon registriranja, naša nova stranica je prazna i nema contenta.

Što to znači?

To znači da ćemo ju napuniti sadržajem, kao i svaku web stranicu koju izrađujemo. 🙂

Recimo da ćemo za uvjete testa ubaciti neki predložak sa sadržajem na engleskom jeziku. Prijevod nas trenutno ne zanima, recimo da nam je to klijent iz Velike Britanije koji želi da mu optimiziramo stranicu. 

Brzina.

Ovaj dio je riješen, uzeli smo običnu stranicu punu slika i sadržaja, izgleda dobro no, je li brza? Naravno, zanimljiva stvar oko brzine je ne samo ta što vam se stranica brže učita, već vas i Google bolje rangira.

Prve stranice na Googleu za bilo koji search imaju jednu zajedničku stvar – sve su brze.

Osim toga, brzina utječe na nešto što je bitno svakome tko želi biti prisutan online: 

stopa napuštanja stranice (eng. bounce rate)

To je u suštini – svaki vaš potencijalni klijent kojega ste izgubili jer je izgubio strpljenje pri učitavanju stranice.

Za neko lakše praćenje koliko brzo je dobro često koristi Googleova grafika bounce rate-a

Ukratko, sve preko 3 sekunde gubi nam dragocjene posjetioce a time i klijente. Analoški ispuštamo ono najvažnije – profit.

Zato nas zanima kako naša nova stranica stoji sa rezultatom brzine.

Testiranje.

Kako testiramo brzinu?

Testirat ćemo koristeći GTMetrix, software za testiranje stranica, ne samo brzine same, već svih elemenata koji utječu na brzinu, odziv i eventualne prekide.

Test ćemo izvršiti tako da će GTMetrix poslati testni promet na stranicu i utvrditi njenu brzinu, koristit ćemo Google Chrome kao preglednik i server onaj najbliži nama – na GTMetrixu je to London.

Da vidimo rezultate:

Ovo nije toliko loše, ali može puno bolje. Osim što su dva kriterija lijevo s ocjenom C, učitavanje stranice nam je potrajalo preko 3 sekunde, što već može odbiti pola potencijalnih klijenata.

Ali sada slijedi onaj zanimljiviji dio – idemo dovesti ovo u top 1% od top 1% stranica po brzini.

Što smo napravili?

  • Skaliranje slika, optimizaciju slika
  • Minify HTML, CSS i JS koda
  • Spajanje CSS koda
  • Spajanje JS koda
  • Brisanje render blokirajućeg koda (Javascript)
  • Integracija gzipa
  • I naposlijetku, napravljen je napredan cache sistema, momentalni i preload cache.

 

Pogledajmo novi rezultat testa.

Čini se da je. Stranica nam se učitava preko 2 sekunde brže.

STARI REZULTAT – 3.3 sekunde

NOVI REZULTAT – 1.2 sekunde

 

Oba rezultata možete i sami provjeriti na linkovima: 

  1. rezultat ovdje
  2. rezultat ovdje
 
Hvala Vam na čitanju!
 

Želite li i Vi ubrzati svoju stranicu?

Korištenjem stranice, prihvaćate našu politiku kolačića.