Optimizacija sajta za brže učitavanje web stranica

Optimizacija sajta za brže učitavanje stranica na vašem Wortdpress-u može imati veliki impakt na vaše digitalne rezultate. Brže učitavanje stranica čini da manji broj posetioca odustaje od pregleda, samim tim beležite manji bounce rate, korisnici imaju bolje korisničko iskustvo i nastaviće da čita i druge stranice, naravno, i pauk Google pretraživača će vas više voliti što će sve uticati da vaš web sajt ima celokupni bolji rang na internetu. Svima nam se dešavalo da naš WordPress sajt iznenada počne da sporije radi a mi zbunjeno tražimo odgovor na pitanja zašto i pokušavamo da rešimo problem i vratimo staru brzinu našeg WordPress sajta.
Obzirom da znamo koliko vremena i nerviranja je uglavno potrebno da se pronađe uzrok, odlučili smo da izdvojimo najvažnije aktivnosti za optimizaciju sajta rađenog na WordPress platformi.

Ovaj vodič pokriva kompletnu optimizaciju sajta: od toga zašto je brzina učitavanja sajta važna, preko liste potencijalnih uzroka usporavanja, do konkretnih koraka koje možete da napravite kako biste odmah popravili brzinu učitavanja vašeg WordPress sajta. Mi smatramo da je ovaj kratki vodič savršen oslonac za svakog novajliju u WordPress svetu, ali i podsetnik za sve one iskusne. 😉 Pa da počnemo…

Zašto je optimizacija sajta važna za brzinu učitavanja stranica?

Studije su pokazale da je od 2000. do 2016. ljudska pažnja pala sa 12 na 7 sekundi. Šta to znači za vas kao vlasnika sajta?
U 2018. godini pažnja se drži u proseku 3-5 sekundi. 

To znači da imate jako malo vremena da pokažete posetiocu vaš sadržaj i ubedite ga da ostane na vašem sajtu. Spor sajt znači da će posetioci potencijalno napustiti sajt i pre nego se učita. Jedna studija (StrangeLoop) slučaja koja je obuhvatila Amazon, Google i druge velike sajtove je pokazala da je kašnjenje u učitavanju od 1 sekunde dovodilo do 7% gubitka u konverzijama, 11% manje pregleda i 16% manjem zadovoljstvu klijenata odnosno korisnika.

Uz to, Google i drugi pretraživači su počeli kažnjavati spore sajtove tako što ih spuštaju na niže pozicije u rezultatima pretrage, što automatski znači manje poseta.

Dakle, ako želite više posetilaca, više pretplatnika, bolju zaradu od vašeg sajta, morate se pobrinuti da vaš WordPress sajt bude brz.

Kako da proverite brzinu vašeg WordPress sajta?

Početnici često misle da je njihov sajt u redu samo zato što nije spor na njihovom kompjuteru. Ovo je VELIKA greška. Obzirom da često posećujete svoj sajt, moderni pretraživači poput Chrome-a čuvaju vaš sajt u cache-u i automatski ga pripreme čim počnete da kucate adresu pa se učita praktično odmah. Ovo uopšte ne mora da bude slučaj za prosečnog korisnika koji po prvi put posećuje vaš sajt.

Štaviše, korisnici u različitim geografskim lokacijama će imati potpuno različita iskustva. Zato se preporučuje da testirate brzinu svog sajta koristeći alatku poput IsItWP’s WordPress testa brzine. Radi se o besplatnoj internet alatki koja vam omogućava da testirate brzinu svog sajta.

Takođe, tu su i Pingdom testiranje kao i GT metrix testiranje.

Nakon što završite testiranje i dobijete rezultat, verovatno ćete se pitati šta je dobra brzina sajta koja treba da vam bude cilj. Odgovor je da vreme učitavanja treba da bude ispod 2 sekunde (što je mit 🙂 ). Ipak, naravno, što brže učitavanje to bolje. Nekoliko milisekundi ovde i nekoliko tamo, mogu postepeno da se skupe i tim da čine pola sekunde ili čak sekundu vremena vašeg učitavanja koja može da se uštedi.

Šta usporava vaš WordPress sajt? 

Test brzine vašeg sajta će verovatno imati nekoliko preporuka za unapređenje. Ipak, većina njih će sadržavati tehnički žargon koji početnici neće razumeti. Saznati šta usporava vaš sajt je ključno za unapređenje funkcionisanja sajta i donošenje mudrih dugoročnih odluka.

Osnovni uzroci sporog učitavanja WordPress sajta su sledeći:

■     Web hosting – kada vaš hosting server nije odgovarajuće konfigurisan, ili je neki server sa slabijim performansama šteti brzini vašeg sajta..

■     WordPress konfiguracija – Ako vaš WordPress sajt ne nudi keširane stranice, onda će preopteretiti vaš serveri i dovesti do velikog usporavanja ili potpunog rušenja sajta.

■     Veličina stranice – Uglavnom slike koje nisu optimizovane za internet.

■     Loši plugin-ovi – ako koristite loše kodirane plugin-ove, to može značajno da uspori vaš sajt.

■     Eksterne skripte – Eksterne skripte  poput reklama, učitavača fontova, itd mogu da imaju ogroman uticaj na funkcionisanje vašeg sajta.

Sada kada znate šta može da usporava vaš WordPress sajt, pogledajmo kako možete da ga ubrzate.

Dobar, brz i pouzdan hosting je imperativ 

Vaš hosting igra važnu ulogu kada govorimo o optimizaciji sajta i njegovom funkcionisanju. Dobar provajder poput provajdera deljenog (shared) hostinga kao što su Bluehost or Siteground  će preduzeti dodatne mere kako bi optimizovali funkcionisanje vašeg sajta. Ipak, na deljenom hostingu, delite server sa mnogo drugih klijenata. To znači da ako sajt drugog klijenta bude imao veliku posećenost, to može da utiče na celi server i time uspori i vaš sajt.

Sa druge strane, upotreba managed WordPress hosting-a usluge vam pruža najoptimizovanije konfiguracije servera za WordPress. Managed WordPress hosting kompanije takođe nude automatsko backup-ovanje, automatske WordPress update i naprednije bezbednosne konfiguracije da zaštite vaš sajt. Preporuka je WPEngine oni su i najpopularniji u ovoj industriji.

U Srbiji od pouzdanijih internet provajdera izdvojili bismo NiNet hosting, SBB Solutions (bivši Eunet hosting), Loopia, Orion telekom, Dreamweb hosting

Za veliku većinu vas koji čitate ovo posao će završiti jedan od novijih SSD paketa domaćih provajdera. Ukoliko već imate websajt i neki hosting koji plaćate godinama, tražite od vašeg hosting provajdera da vam promeni hosting plan i da vam prebace kompletan web sajt na nov brži server.

Optimizacija WordPress sajta u nekoliko lakih koraka (bez kodiranja)

Znamo da vršenje izmena u konfiguraciji vašeg sajta može biti jezivo iskustvo ukoliko ste početnik, naročito ukoliko informacione tehnologije nisu oblast vašeg interesovanja.
Pokazaćemo vam kako da optimizujete sajt i njegove pojedine elemente i na taj način ubrzate vaš sajt u samo nekoliko klikova (bez kodiranja). Ako možete da koristite miš, možete i da uradite ovo.

Instalirajte WordPress Plugin za keširanje

WordPress stranice su “dinamične.” To znači da se grade i nadograđuju svaki put kada neko poseti vaš blog ili neku od stranica na vašem sajtu. Da bi izgradili svoje stranice, WordPress mora da pronađe potrebne informacije, spoji ih i prikaže vašem korisniku. Ovaj proces uključuje mnogo koraka i može značajno da uspori vaš sajt kada nekoliko ljudi posećuje sajt istovremeno.

Zato preporučujemo da svaki WordPress sajt ima caching plugin. Caching može da učini vaš sajt između 2 i 5 puta bržim, a evo i kako. Umesto da pregleda celi proces učitavanja stranice svaki put, caching plugin omogućava da napravi kopiju sajta nakon prvog učitavanja i pruži tu kopiju bez novog pretraživanja svakom idućem korisniku.

Kao što možete da vidite na slici iznad, kada korisnik poseti vaš WordPress sajt, vaš server povuče informacije iz MySQL baze podataka i vaših PHP fajlova. Onda ih sastavi zajedno u HTML sadržaj koji se prikazuje korisniku. To je dug proces ali može da se preskoči ako koristite ovaj plugin. Postoji mnogo dobrih WordPress caching plugin-ova, ali mi preporučujemo ili WP Rocket (premium) ili WP Super Cache (besplatan) plugin. Lako se podešavaju uz tutorijale.

Mnoge WordPress hosting kompanije kao Bluehost i SiteGround takođe nude caching solucije. Ako koristite SiteGround onda se ulogujte u cPanel i uključite SuperCacher koji se nalazi pod ‘Site improvement tools’.

Posle toga, trebaćete instalirati i aktivirati SG Optimizer plugin u WordPress-u kako biste upravljali SuperCacher podešavanjima.

Bluehost Caching

Ako koristite Bluehost, ideite na My Sites » Performance odeljak i uključite caching.

Ako imate managed WordPress hosting provajdera, onda vam ovaj plugin ne treba jer je već ugrađen i uključen po automatizmu.
Bonus: Možete kombinovati caching plugin sa firewall web aplikacijom kao što je CloudFlare ili Sucuri za maksimalno unapređenje funkcionisanja.

Optimizacija slika za brže učitavanje sajta

Slike čine da vaš sadržaj izgleda življe i pomažu rastu engagement-a. Istraživanja su pokazala da upotreba vizuala u boji povećava šanse da ljudi pročitaju vaš sadržaj za 80%. Ipak, ako vaše slike nisu optimizovane, onda bi mogle da štete više nego da pomažu. Štaviše, slike koje nisu optimizovane su jedan od najčešćih uzroka problema sa brzinom učitavanja na sajtovima početnika.

Pre nego postavite sliku direktno sa svog telefona ili kamere, preporučujemo da upotrebite softver za editovanje fotografija kako bi ih optimizovali za sajt. U svojim originalnim formatima, fotografije mogu biti ogromne. Ali na osnovu formata slike i kompresovanje koje izaberete možete da smanjite sliku čak 5 puta.

Koristimo samo dva formata slika: JPEG i PNG. Možda se pitate koja je razlika.

PNG format slika nije kompresovan. Kada kompresujete sliku onda gubite neke informacije sa nje, tako da je nekompresovana fotografija boljeg kvaliteta i sa više detalja. Problem je što je onda i većeg formata i sporije se učitava.
JPEG, sa druge strane, je kompresovan format koji blago umanjuje kvalitet slike ali je slika mnogo manje.

Kako onda izabrati format ?

■     Ako slika ima mnogo različitih boja, koristimo JPEG.

■     Ako je slika jednostavna ili je potrebno da bude transparentna, onda koristimo PNG.

Dodatne aktivnosti za optimizaciju (ubrzanje) sajta

Nakon instalacije caching plugin-a i optimizacije fotografija, primetićete da se sajt učitava mnogo brže. Ali ako zaista želite da postignete maksimalnu brzinu sajta, dodatni načini optimizacije navedeni niže će vam biti korisni. Ovi saveti nisu previše tehnički i ne treba vam kodiranje da ih primenite, a njihovom upotrebom ćete sprečiti mnogo problema koji mogu da uspore vaš sajt.

Redovno update-ujte vaš WordPress sajt

Kao i većina sistema i programa ni WordPress nije savršen (daleko je od toga) i potrebno je da se redovno update-uje. Svaki update ne nosi samo nove funkcionalne elemente već i popravlja potencijalne bezbednosne probleme i bagove.
Vaša je odgovornost, kao vlasnika sajta, da vaš WordPress sajt, tema i plugin-ovi uvek budu najnovije verzije. Ukoliko to ne ispunjavate, vaš sajt će početi sve sporije da se učitava i postaće podložan bezbednosnim pretnjama.
Mali savet prilikom update-a, najvažnije da vam bude ažurna WordPress verzija. Ukoliko želite da update-ujete sve na vašem sajtu (i temu i pluginove) znajte da postoji mogućnost da nakon update-a određena funkcionalnost na sajtu ne radi
kako treba ili ne radi uopšte. Takođe, pravilo je ukoliko postoji update i za WP i za pluginove, uvek prvo update-ujte pluginove (jer vam se prikazuju update-i za treutnu verziju) pa nakon toga WP. Uskoro ćemo pisati više o ovome.

Optimizacija pozadinskih procesa sajta

Pozadinski procesi u WordPress-u su zakazani zadaci koji se vrše u pozadini vašeg sajta. Slede neki primeri pozadinskih procesa:
■ WordPress Backup plugin procesi
■ WordPress automatski poslovi da se objave zakazani postovi
■ WordPress automatski poslovi da se potraže updates
■ Internet pretraživači i drugi pauci koji pokušavaju da skeniraju sadržaj

Zadaci kao automatski poslovi za zakazane postove i update imaju minimalan uticaj na funkcionisanje sajta.
Ipak, drugi pozadinski procesi poput backup plugin-ova i preteranog pretraživanja sadržaja od strane internet pretraživača mogu da uspori sajt.
Za backup plugin-ove, potrebno je da utvrdite da vaš WordPress backup plugin radi samo u vreme kada je saobraćaj na vašem sajtu slab. Takođe je važno da podesite učestalost backup-a i podataka koje je potrebno backup-ovati.
Naprimer, ako se svaki dan sve backup-uje, a sadržaj objavljujete dva puta nedeljno, onda je potrebno da napravite izmene u podešavanju.
Ako želite da koristite backup često, npr. u realnom vremenu, onda preporučujuemo da koristite SaaS rešenje kako ne biste opteretili server.
Što se tiče pauka, važno je da pazite na izveštaje o paucima u Google Search konzoli. Česti pretrage pauka koji završavaju greškama mogu da učine da je vaš sajt spor ili potpuno neresponzivan.

Koristite isečke na glavnoj stranici i u arhivima

WordPress po automatizmu prikazuje celi sadržaj svakog članka na glavnoj stranici ili u arhivima. To znači da vaša glavna stranica, kategorije, tagovi i ostale stranice arhiva će se učitavati sporije.
Još jedna mana prikazivanja celih članaka na ovim stranicama je da korisnici ne osećaju potrebu da posete prave stranice članaka. Ovo može da smanji broj pregleda stranica i vreme koje korisnici provedu na vašem sajtu.
Kako biste ubrzali vreme učitavanje arhiviranih stranica, možete da namestite da se na sajtu prikazuju delovi teksta a ne celi tekst.
To se podešava tako što na podešavanjima izaberete kategoriju Reading i izaberete “For each article in a feed, show: Summary” umesto “Full Text.”

Podelite komentare na stranice

Imate mnogo komentara na vašim postovima? Čestitamo! 🙂 To je odličan pokazatelj da vaša publika aktivno prati vaš rad. Sa druge strane, učitavanje velikog broja komentara utiče na brzinu vašeg sajta.
WordPress ima ugrađeno rešenje za to. Na podešavanjima izaberite opciju Discussion i označite kvadrat ispred opcije “Break comments into pages”.

Koristite mrežu za dostavljanje sadržaja (Content Delivery Network – CDN)

Sećate se da smo na početku pomenuli kako korisnici na različitim geografskim lokacijama imaju različite periode učitavanje vašeg sajta?
To je zato što lokacija servera vašeg web hostinga može uticati na brzinu sajta.
Naprimer, ako vaša hosting kompanija ima servere u SAD, posetioc vašeg sajta koji je u SAD će imati brže učitavanje vašeg sajta od posetioca iz Indije.
Korištenje mreže za dostavljanje sadržaja, Content Delivery Network (CDN), može pomoći da se vreme učitavanja ubrza za sve vaše korisnike.
CDN je mreža koja se sastoji od servera širom sveta. Svaki server čuva “statične” fajlove od kojih se sastoji vaš sajt.
Ovi fajlovi uključuju slike, CSS i JavaScript, za razliku od vaših WordPress stranica za koje smo već objasnili da su dinamične.
Kada koristite CDN, svaki put kada korisnik poseti vaš sajt, njemu su prikazani ti statični fajlovi sa najbližeg servera. Vaš hosting server će biti brži jer CDN značajno pomaže.

Preporučujemo da koristite StackPath CDN. ili CloudFlare CDN. Dobro funkcionišu sa WordPress sajtovima i slažu se sa postojećim caching pluginovima za još brže učitavanje.

Nemojte postavljati audio/video fajlove direktno na sajt  

Vi možete direktno postaviti audio i video fajlove na vaš WordPress sajt i automatski će ih pustiti u HTML5 plejeru… ali ne treba to da radite!
Hosting audio i video zapisa će vas koštati protoka. Takođe vam možda budu naplaćene takse za prekoračenje od strane vaše hosting kompanije, ili vam možda čak u potpunosti ugase sajt, čak i ako vaš plan uključuje neograničen bandwidth.
Hostovanje velikih media fajlova takođe povećava veličinu vaših backup-ova, i otežava vam da vratite WordPress sajt iz backup-a.
Umesto toga, koristite audio i video hosting sajtove kao što su YouTube, Vimeo, DailyMotion, SoundCloud, itd i pustite njih da se pozabave teškim delom posla. Oni imaju “bandwidth” za to!
WordPress ima ugrađenu opciju za embedovanje videa, tako da možete da kopirate i zalepite link URL videa direktno u vaš post i automatski će biti embedovan odnosno prikazan.

Ako pravite podcast sajt sa WordPress-om, onda preporučujemo podcast hosting servis Blubrry.

Koristite teme optimizovane za brzo učitavanje

Kada birate temu za vaš sajt, važno je da obratite naročitu pažnju na optimizaciju brzine. Neke predivne i impresivne teme su ustvari loše kodirane i mogu da uspore sajt. Uglavnom je bolje izabrati jednostavniju temu nego temu koja je nakićena kompleksnim rasporedom, razmetljivim animacijama i drugim bespotrebnim opcijama. Uvek možete dodati sve te opcije koristeći kvalitetne WordPress plugine.
Premium prodavnice WordPress tema kao što su StudioPress, Themify, CSSIgniter nude teme koje su dobro kodirane i optimizovane za brzinu.

Koristite brže plugin-ove

Loše kodirani WordPress plugini uglavnom učitaju previše toga bez obzira da li to vašem sajtu treba ili ne. Ovo usporava vaš sajt.
Evo nekih predloga plugina:
■ WPForms – najbrži plugin za kontakt forme za WordPress i lak za upotrebu za početnike..
■ Soliloquy – ako želite da dodate slajdere vašem sajtu, onda je Soliloquy najbolji WordPress slajder plugin kada su u pitanju funkcionisanje i opcije.
■ Envira Gallery – Plugin-i za foto galerije mogu da uspore vaš sajt. Testove uradili WP Beginner  i zaključili da je Envira Gallery najbrži plugin foto galerija za WordPress.
■ Shared Counts – Plugin-i za društvene mreže učitavaju dodatne skripte i to ne tako graciozno. Shared Counts je najbrži plugin za društvene medije za WordPress.
Osim ovih preporuka, možete da uradite i svoje testove. Jednostavno uradite test brzine pre i posle instalacije plugin-a kako biste uporedili funkcionisanje.

Fino optimizovanje WordPress sajta za još bolju brzinu (napredno)

Koristeći najbolje prakse WordPress optimizacije i osnovne savete za brzinu navedene iznad, trebalo bi da primetite značajan napredak u vremenu potrebnom za učitavanje sajta.
Ipak, svaki delić sekund se računa. Ako želite najbrže moguće učitavanje, onda ćete trebati napraviti još nekoliko izmena.
Sledeći saveti su nešto više tehničke prirode i neki zahtevaju da izmenite fajlove svog sajta ili imate osnovno razumevanje PHP. Pobrinite se da za svaki slučaj ipak backup-ujete svoje sajt.

Podelite duge postove na stranice

Čitaoci vole postove koji su duži i detaljniji. Duži postovi su takođe bolje pozicionirani na rezultatima pretrage. Ipak ako objavljujete duge članke sa mnogo slika, to bi moglo da šteti vremenu učitavanja.
Zato je dobra ideja da podelite duge postove na nekoliko stranica.

WordPress ima ugrađenu alatku da koja omogućava da to uradite.
Jednostavno dodajte <!––nextpage––> tag u vaš post na mestu gde želite da prebacite ostatak teksta na iduću stranicu. To možete ponavljati po potrebi.
Proverite samo da koristite Text view pre nego Visual view u editoru u WordPress-u.

Smanjite eksterne HTTP zahteve

Mnogo WordPress plugin-a i tema učitavaju razne fajlove sa drugih sajtova. Ovi fajlovi uključuju skripte, CSS i slike iz eksternih izvora kao što su Google, Facebook, analytički servisi itd.
U redu je da koristite nekoliko ovih. Mnogo ovih fajlova je optimizovano da se učita što je moguće brže, tako da je to bolja opcija nego da ih hostujete na svom sajtu.
Ali ako vaši plugin-i imaju mnogo zahteva, onda bi to moglo značajno da uspori vaš sajt.

Sve ove eksterne HTTP zahteve možete da isključite tako što ćete onesposobiti skripte i stilove ili ih spojiti u jedan fajl.

Izvor: wpbeginner.com