Sajt Vam je spor? Nije ni čudo!
Većina WordPress sajtova je jako spora zbog velike količine nepotrebnog koda koji treba da se učita svaki put kad neko poseti Vašu stranicu.
Zbunjujuće?
Danas ćemo proći kroz temu ubrzavanja sajtova i kako doći do bržeg sajta ili web shop-a.
Tema možda zvuči komplikovana ali verujte da nije, jer alatke koje ćemo danas koristiti rade posao na klik.
Koštaće malo novca, ali bolje to nego da unajmljujete programera za znatno više.
Pa da krenemo…
Zašto je brzina sajta bitna?
Preko pola korisnika Vašeg sajta na mobilnom telefonu (odakle većinski i dolazi saobraćaj danas) će napustiti Vaš sajt ukoliko mu treba duže od tri sekunde da se učita.
Šta to znači? U prevodu, to znači upola manja zarada.
Razmislite, ako svaka druga osoba koja poseti Vaš sajt ga napusti i pre nego što se učita, to znači da ste Vi izgubili pola potencijalnih kupaca i bez šanse da im predstavite ono što nudite, šta god to bilo.
Ključna reč je „na mobilnom telefonu“. Kao što i sami znate, mi smo svi stalno na telefonima, prolazimo kroz različite aplikacije i sajtove.
Mobilni saobraćaj čini 60% ukupnog internet saobraćaja. Mnogi sajtovi danas, čak i WordPress sajtovi, nisu prilagodjeni za mobilni ni po izgledu, a kamoli po brzini.
Doduše, to je tema za drugi dan.
Ukratko, brzina sajta je jako bitan aspekat Vašeg online marketinga, a rešava se za svega par minuta.
Koliko je brz moj sajt trenutno?
Ovo se vrlo lako proverava. Umesto da brojite sekunde sami kada ga otvorite, unesite Vaš sajt u PageSpeed Insights. Ovo je alatka napravljena od Google-a, i funkcioniše kao semafor.
Ako dobijete „skor“ manji od 50, Vi ste u crvenoj zoni. To znači da je Vaš sajt užasno spor, i da treba da se poradi na tome što pre.
Od 50 do 89 je žuta zona. To znači da je brzina Vašeg sajta okej, ali i dalje bi mogla da se poboljša.
I onda je tu skor od 90 i više. Tu ste položili tzv. Core Web Vitals test od Google-a, što znači da je Vaš sajt dovoljno brz da lepo uslužuje korisnike. Položeni CWV test pomaže i Vašoj SEO optimizaciji, jer će Google uvek pozicionirati brze sajtove iznad sporih.
Zašto?
Da bi korisnik/ca što brže i bolje dobio/la odgovor na svoje pitanje. To je misija Google-a, i to se neće promeniti.
No, to za nas danas i nije toliko bitno. Unesite Vaš sajt i vidite gde ste. Evo koliki je skor za naš sajt Internet Štreber.
Skor Vam je manji od 90? Tu treba da se poradi.
Šta odredjuje brzinu sajta i kako je poboljšati?
Domain Name System
Zamislite da je internet lista kontakata u Vašem telefonu, ili ti tzv. imenik. Svaki web sajt (uzmimo Internet Štreber za primer) je Vaš poseban kontakt sa posebnim brojem telefona.
- Ime kontakta je u našem slučaju ime domena, ili ti internetstreber.com
- Broj telefona kontakta je IP adresa našeg sajta
Znate na šta mislimo pod IP adresom? Četvoročlani broj, razdvojen tačkama. Npr. 11.22.33.444
Isto kao što Marko, Milan, i Žarko svi imaju svoj broj u Vašem telefonu, tako i svi web sajtovi imaju svoju IP adresu u tom nekom imaginarnom web imeniku. Zašto Vam ovo pričamo?
Sam taj web imenik je tzv. Domain Name System (DNS). Kada neko uputi zahtev da poseti Vaš sajt, tačnije kad unese internetstreber.com u browser ili kad klikne na rezultat na Google-u, naš DNS traži našu IP adresu u tom imeniku da bi znao šta da pokaže tom korisniku.
E sad, taj čin zahteva vreme. Zato je dobra ideja koristiti najbrži DNS koji je dostupan svima – Cloudflare. Oni takodje čine Vaš sajt izuzetno bezbednim, što je jedan veliki plus.
Kako postaviti Cloudflare?
Sad ćemo ga zajedno instalirati na baš našem sajtu – internetstreber.com.
1. Napravite Cloudflare nalog
Treba da vidite ovakav „dashboard“ nakon pravljena naloga. Možda ćete i direktno biti upućeni da dodate sajt nakon unošenja email-a i adrese, a ako ne, kliknite na „Get Started“.
2. Unesite Vaš sajt
3. Izaberite „Free“ (skrolajte dole)
4. Videćete ovaj screen. Skrolajte i opet kliknite „Continue“.
5. Kopirajte dodeljene Nameserver-e i unesite ih u domain registrar
Na slici iznad videćete da smo plavom bojom prekrili nešto. To nešto su naši dodeljeni Nameserver-i.
Treba da ih unesemo u naš domain registrar, tačnije tamo gde smo registrovali naš domen.
Za svaki domain registrar će uputstva biti malo drugačija. Ukoliko ne znate Vaš domain registrar, odite na ICANN Lookup. Unesite Vaš sajt i videćete informacije o Vašem registrar-u.
Nakon što to obavite, to je to! Postavili ste Cloudflare.
Podešavanje koda Vašeg sajta
Svaki sajt na internetu je ustvari skup koda koji je skladišten u fajlovima kod hosting provajdera.
Slično kao što Vama treba duže da preuzmete film od 3 GB-a na kompjuter nego neki fajl od 100 MB-a, tako i treba duže da se učitaju veći fajlovi sa kodom nego manji.
Naš cilj je da ove fajlove smanjimo, tačnije da minimiziramo količinu koda.
Upravo to će nam odraditi WordPress plugin WP Rocket. Ovaj plaćeni plugin će nam odraditi posao za svega par sekundi.
1. Kupite i preuzmite WP Rocket
2. Instalirajte WP Rocket na Vašem sajtu
Nakon kupovine, ulogujte se na WP Rocket sajt i preuzmite zip fajl.
Plugin dodajete opcijom Plugins > Add New Plugin > Upload Plugin.
Kada se instalira, kliknite „Activate“. I to je to.
3. Podesite WP Rocket
Ulazak u WP Rocket nakon aktivacije moći ćete naći u gornjem bar-u.
E sad, nadjite opciju File Optimization.
Kada udjete tu, birate:
- Minify CSS Files
- Optimize CSS Delivery > Remove Unused CSS
- Minify JavaScript Files
- Load JavaScript deferred
- Delay JavaScript execution
Pa onda „Save Changes“.
Vrlo bitno!!! Ova podešavanja mogu da pokvare neke delove Vašeg sajta. Jako je bitno da testirate ove opcije i posle toga vidite da li sve na sajtu radi kako treba. U slučaju da ne, vratite opcije na staro.
Testirajte opciju po opciju i vidite da li će svaka raditi bez problema.
Za većinu običnih WordPress sajtova, problema ne treba biti.
Ukoliko sve radi kako treba, to je to! Odradili ste najbitniji deo posla.
Slike
Slike su jako zahtevne. Dugo im treba da se učitaju ukoliko se ne „našteluju“.
Ukratko, slike na Vašem sajtu treba smanjiti što više bez kvarenja rezolucije, i prebaciti u WebP tip fajla koji se jako brže učitava (većina slika je tipa PNG ili JPG).
Kako podesiti slike za brzinu?
Tu će Vam trebati plugin zvani ShortPixel.
ShortPixel kredite kupujete na njihovom sajtu, ali sama instalacija se vrši na sličan način kao WP Rocket, osim što ne morate dodavati nikakav zip fajl već kroz pretragu instalirati plugin.
1. Prvo kupite kredite:
2. Instalacija
U WordPress-u idite na Plugins > Add New Plugin.
Ukucajte u pretragu „ShortPixel“. I instalirajte sledeći plugin:
Nama je plugin aktivan. Vama će pisati „Install Now“. Kliknete dugme pa zatim, nakon instalacije, aktivirate plugin klikom na isto dugme gde će pisati „Activate“ umesto „Install Now“.
ShortPixel se, nakon instalacije i aktivacije, nalazi ovde:
Pitaće Vas za ključ. Unesite ga i videćete ovaj dashboard.
3. Birate sledeća podešavanja:
- General > Lossy – ovo će Vam biti već izabrano.
- Advanced > Next Generation Images > Create WebP versions of images.
- Advanced > Next Generation Images > Deliver the next generation versions of the images in the front-end > Without altering the page code (via .htaccess). U većini slučajeva, moći ćete izabrati ovu opciju (pisaće Vam „CAN“ zeleno) ali ukoliko ne možete, pratite njihova uputstva.
4. Zatim skrolate dole i kliknete dugme za Bulk Process (na slici dugme desno).
I onda pratite njihova uputstva i pokrenete optimizaciju.
I to je to!
Nakon svega ovoga, obrišite „cache“ Vašeg sajta klikom na sledeće dugme:
Nakon toga, unesite Vaš sajt opet u PageSpeed Insights.
Vidite da li je bolje ili gore. Šanse su skoro pa zagarantovane da će Vam sajt biti mnogo brži.
Dodatne opcije
Sve ovo do sada je više nego dovoljno za ozbiljno poboljšanje brzine Vašeg sajta.
Takodje možete odraditi sledeće stvari za još brži sajt:
- U WP Rocket-u, aktivirajte Lazy Load u Media > LazyLoad > Enable for images
- Dodajte CDN (dodatno se plaća)
- Promenite hosting provajdera. Neki hosting provajderi su sporiji od drugih. Za listu brzih WordPress hosting provajdera, stranih i domaćih, posetite našu objavu o najboljem WordPress hostingu.
Zaključak
To je sve za danas. Sajt Vam je, sigurni smo, sad mnogo brži i spreman za veću prodaju.
Ukoliko imate neke nedoumice ili pitanja, ostavite komentar i mi ćemo Vam odgovoriti u najbržem roku.
Osim toga, srećno sa Vašim radom na sajtu i sve najbolje!
