Šest faktora koji usporavaju Vaš WordPress

“Koliko se brzo učitava moja WordPress

WordPress je najčešće odabrani CMS na svijetu. Na temelju njega je nastala gotovo polovica postojećih internetskih stranica. WordPress je cijenjen od strane korisnika zbog jednostavnosti, intuitivnosti i lakoće upravljanja. Zbog open source prirode, WordPress može biti razvijan i unaprjeđivan za potrebe specifičnih, individualnih projekata. Kako započeti koristiti WordPress?  Da biste započeli avanturu s WordPressom, prvo vam je potreban WordPress hosting. Hosting osigurava prostor na poslužitelju, gdje će biti pohranjeni svi...

Što je WordPress? stranica? Je li vrijeme preuzimanja dovoljno kratko da ju čitatelji ne napuste prije nego što se u potpunosti učita?” Ovakva pitanja trebao bi postaviti svaki vlasnik web stranice i to ne samo one izrađene na WordPressu. Brzina pojavljivanja našeg sadržaja na zaslonu računala ili pametnog telefona pretvara se u statistiku čitanosti web stranice, a također, ako prodajemo proizvod ili uslugu, u konverziju. Zbog toga je važno obratiti pozornost na ovih šest faktora koji mogu utjecati na vrijeme učitavanja vaše stranice.

U članku ćete naučiti:

• Zašto je brzina stranice tako važna?
• Što može usporiti vašu web stranicu?

Zašto je brzina učitavanja stranice važna?

Kad se stranica učitava morate gledati dva faktora – prvi je klijent, drugi je Google algoritam

Algoritam je organizirani skup instrukcija koje određuju korak po korak kako riješiti određeni problem ili obaviti određeni zadatak. U informatičkim znanostima, algoritmi su temelj rada računalnih programa i sustava, omogućavajući automatizaciju složenih procesa. Kako radi algoritam? Algoritam djeluje tako što sekvencijalno izvršava definirane korake, što omogućuje postizanje željenog rezultata. To može biti jednostavan zadatak, kao što je sortiranje liste, ili složeniji, kao što je analiza podataka na internet trgovini...

Što je Algoritam?. Kupac očekuje da se sadržaj brzo učitava kako bi lako i praktično mogao pročitati članak, obaviti kupovinu ili provjeriti vozni red.

Koju god stranicu gledate, mora raditi glatko. Na webu možete pronaći mnoge zanimljive statistike koje pokazuju kako se predugo vrijeme učitavanja stranice pretvara u smanjenje konverzije

U kontekstu internetskog marketinga i analize podataka, konverzija znači željenu akciju ili cilj koji korisnik poduzima na web stranici ili u aplikaciji. Konverzija može poprimiti različite oblike, ovisno o poslovnim ciljevima, kao što su na primjer: Kupnja: Izvršenje transakcije, kupnja proizvoda u online trgovini ili usluge na web stranici. Registracija: Prijavljivanje na newsletter, stvaranje korisničkog računa, popunjavanje registracijskog obrasca ili prijava na događaj. Preuzimanje: Preuzimanje datoteke, na...Što je Konverzija?. U jednoj studiji Google pokazuje da pedeset i tri posto ispitanika napušta web stranicu ako se ne učita u tri sekunde ili manje.

Što se dulje stranica učitava, veća je vjerojatnost da će korisnik napustiti stranicu.

Zašto je Googleu važna brzina stranice? 2018. godine promjene Google algoritma značajno su utjecale na rangiranje stranica. One s dugim vremenom učitavanja ocijenjene su lošije. MachMetricsovi analitičari brzine učitavanja stranica istraživali su stranice u nekoliko zemalja diljem svijeta. Dobiveni podaci su alarmantni. U mnogim slučajevima čitatelj mora čekati osam ili čak jedanaest sekundi da se učita cijeli sadržaj stranice.

Kako provjeriti vrijeme učitavanja web stranice? Google je za tu svrhu osigurao praktičan alat Google PageSpeed

Google PageSpeed je skup alata i usluga stvorenih od strane Googlea, koji su namijenjeni procjeni i optimizaciji učinkovitosti web stranica. Ti alati pomažu programerima i webmasterima u poboljšanju brzine učitavanja stranica te optimizaciji korisničkog iskustva. Alati Google PageSpeed uključuju: Procjena učinkovitosti stranice: Alati PageSpeed analiziraju učinkovitost web stranice i procjenjuju njezinu brzinu učitavanja te učinkovitost na mobilnim uređajima i desktop računalima. Prijedlozi za optimizaciju: PageSpeed generira prijedloge za optimizaciju...

Što je PageSpeed? ​​​​Test. Vrijedi ga koristiti i provjeriti našu domenu. Ako rezultat nije zadovoljavajući, treba tražiti uzroke. Evo šest najčešćih:

Snaga i brzina servera

Server na kojem je web stranica “instalirana” ima veliki utjecaj na brzinu njenog rada. Većina vlasnika WordPress web stranica odlučuje se za dijeljeni hosting jer je to jeftinija opcija.

Dijeljeni hosting, međutim, znači da resurse poslužitelja (npr. CPU, RAM, prostor na disku) dijelimo s drugim korisnicima i nemamo puno utjecaja na konfiguraciju poslužitelja.

Ako se odlučimo za dijeljeni hosting, preporučujemo naše WordPress hosting pakete sa NVMe diskovima i novim procesorima koji rade iznimno brzo.

No, ako imamo opsežnu e-commerce web stranicu s velikom posjećenošću, a naši poslovni i financijski rezultati tvrtke 100% ovise o prodaji putem online trgovine, vrijedi razmisliti o odabiru VPS

VPS (eng. Virtual Private Server) je napredan oblik hostinga, koji korisnicima omogućuje pristup virtualnom serveru koji djeluje u dijeljenom okruženju, ali s potpunom kontrolom i resursima dodijeljenim samo za njihovu upotrebu. Kako radi VPS? VPS server radi na principu virtualizacije, gdje se jedan fizički server dijeli na nekoliko virtualnih strojeva. Svaki od njih djeluje kao nezavisan server sa vlastitim operacijskim sustavom, RAM-om, diskovnim prostorom i računalnom snagom. Time korisnik dobiva fleksibilnost...

Što je VPS? poslužitelja ili namjenskog poslužitelja. Zahvaljujući tome nećemo dijeliti resurse servera s drugim korisnicima te ćemo moći konfigurirati server točno prema našim potrebama. Međutim, ovo je mnogo skuplja opcija, koja može zahtijevati zapošljavanje nekoga tko će administrirati poslužitelj.

Loše odabrani dodaci i pluginovi

Istina je da dodaci instalirani na web stranici mogu predstavljati veliko opterećenje i usporiti je. Ponekad mali dodatak, koji je zaslužan za jednu sitnicu na web stranici, može produljiti vrijeme učitavanja stranice čak i za nekoliko sekundi.

U IT svijetu zanimljiva je usporedba pluginova i teških aplikacija

Aplikacija je računalni ili mobilni program koji izvršava određene zadatke na uređaju korisnika. Aplikacije mogu biti namijenjene različitim svrhama, od upravljanja dokumentima, preko igara, do upravljanja transakcijama u online trgovini. Razumijevanje što je aplikacija i koje su njene primjene ključno je i za korisnike i za vlasnike poduzeća. Koje su vrste aplikacija? Aplikacije se dijele na nekoliko kategorija: desktop (instalirane na računalu), mobilne (za pametne telefone i tablete)...Što je Aplikacija? na telefonu koje u sat vremena mogu potrošiti i do deset-petnaest posto baterije. Postoje čak i toliko loši dodaci koji mogu iskoristiti većinu resursa poslužitelja.

Kako izbjeći ovaj problem? Prije svega, morate ažurirati vaše dodatke. Često njihovi kreatori uvode ispravke koje poboljšavaju njihov rad.

Druga stvar je preuzimanje dodataka samo iz provjerenih izvora, kao što su službeni dodaci za WordPress ili Themeforest. Imajte na umu da je kod WordPressa, tema i dodataka “open source” i stoga svatko može mijenjati ovaj kod. Prilikom preuzimanja dodataka sa sumnjivih izvora, nikada ne možemo biti sigurni da ne postoji sakriveni dio koda koji će koristiti resurse našeg poslužitelja i usporiti našu stranicu (npr. kod za rudarenje kriptovaluta).

Također bismo trebali izbjegavati kombinirane pluginove, all-in-one dodatke, itd., pogotovo ako trebamo koristiti samo jednu malu funkcionalnost. U tom slučaju bolje je instalirati 2 mala dodatka koji rade točno ono što nam treba, nego jedan veliki dodatak koji će nam učitavati gomilu nepotrebnih skripti.

Odabrana je pogrešna WordPress tema

Prilikom odabira teme za našu web stranicu, moramo uzeti u obzir ne samo njen izgled i funkcije, već i to da li su dodaci nužni za pravilan rad, i ako da, koji su to. Određeni dodaci, kao što smo

SMO (Optimizacija društvenih medija) je proces optimizacije prisutnosti tvrtke ili brenda na društvenim mrežama kako bi se povećala njena vidljivost, interakcija s korisnicima te posjetiteljstvo na web stranici. U okviru SMO koriste se različite strategije i alati kako bi se sadržaji objavljeni na servisima poput Facebooka, Instagrama, LinkedIna ili Twittera učinili zanimljivijima i češće dijeljenima. Zašto je SMO važan? Optimizacija društvenih medija pomaže tvrtkama doseći širu publiku, što rezultira...

Što je SMO? napisali u gornjem paragrafu, mogu usporiti vašu web stranicu.

Sama tema također može utjecati na brzinu učitavanja vaše web stranice. Pogotovo kada koristimo temu koja nije dobro kodirana i loše je optimizirana.

Obje gore navedene stvari odnose se na većinu tema dostupnih na Themeforestu. Ove teme nude “sve za svakoga (everything for everyone)”, zahvaljujući čemu dobivamo puno nepotrebnih i neiskorištenih funkcionalnosti koje se učitavaju na web stranici.

Ako odlučimo kupiti temu od Themeforesta, zapamtite da ne morate instalirati sve preporučene dodatke. Zašto su vam potrebna 3 dodatka za slajdere? Trebate svjesno odabrati dodatke koje ćete instalirati. Birajte temu svjesno, uzimajući u obzir činjenicu, što je više opcija, velika vjerojatnost da će stranica kasnije sporo raditi.

Previše HTTP zahtjeva

HTTP

HTTP (Hypertext Transfer Protocol) je komunikacijski protokol, osnovni sustav korišten na internetu, koji omogućava internetskim preglednicima povezivanje sa serverom i preuzimanje web stranica s njih. Kako funkcionira HTTP? HTTP funkcionira na principu zahtjeva i odgovora između klijenta (preglednika) i servera. Kada korisnik upiše adresu stranice u preglednik, preglednik šalje HTTP zahtjev serveru, koji zatim obrađuje taj zahtjev i šalje odgovor, obično u obliku web stranice koju korisnik može prikazati/vidjeti...

Što je HTTP? (Hypertext Transfer Protocol) su pravila razmjene informacija i programske suradnje. HTTP protokol precizno definira format komunikacije između web stranice i poslužitelja. Ova se komunikacija temelji na zahtjevima i odgovorima. HTTP protokol definira format ovih poruka. Statistički, ti upiti zauzimaju oko osamdeset posto cjelokupnog vremena učitavanja web stranice. Broj HTTP zahtjeva ovisi o broju stavki na vašoj web stranici.

Tehnički, svaki element zahtijeva HTTP zahtjev kako bi se prikazao u pregledniku. Dakle, više elemenata stranice (slikovne datoteke, CSS

CSS (Cascading Style Sheets) je jezik stilova koji se koristi za definiranje izgleda i formatiranja web stranica napisanih u jeziku HTML (HyperText Markup Language). CSS omogućava odvajanje sadržaja web stranice od njezine prezentacije, što dopušta fleksibilnije i dosljednije upravljanje izgledom stranice. CSS omogućava definiranje različitih stilova, kao što su boja, font, veličina, razmaci, pozadine itd., za različite HTML elemente, poput zaglavlja, paragrafa, tablica, poveznica. CSS olakšava odvajanje sadržaja web...

Što je CSS?, JavaScript

JavaScript je visokorazinski, dinamičan programski jezik koji se uglavnom koristi za stvaranje interaktivnih elemenata na web stranicama. Široko se koristi kako na strani klijenta (u web preglednicima), tako i na strani poslužitelja (putem platformi poput Node.js) za stvaranje interaktivnih web stranica, web aplikacija, internetskih igara, mobilnih aplikacija i drugog. JavaScript omogućava dodavanje interaktivnosti web stranicama. To je jedan od ključnih sastojaka web tehnologija, uz HTML i CSS, koji su...

Što je JavaScript?, itd.) dovodi do više HTTP zahtjeva, a to se prevodi u brzinu učitavanja stranice.

Dakle, moramo zapamtiti da će nam svaki instalirani dodatak, svaka tema koja bi trebala raditi “sve za svakoga (everything for everyone)” najvjerojatnije dodati barem jedan (a često i više) element koji će povećati broj HTTP zahtjeva. Zato je jako važno odabrati pravu temu i dodatke.

Također, dobro je koristiti HTTP / 2 protokol, koji šalje više resursa u jednom spajanju s  poslužiteljem. Između ostaloga, ovaj protokol je dostupan na svim našim hosting paketima. 

Osim toga, također vrijedi obratiti pozornost na vanjske HTTP skripte, koje također utječu na rad web stranice. Mogu pokrenuti stotine upita, pa čak i srušiti stranicu. Govorimo o vanjskim widgetima, kao što su dodaci za kanale društvenih medija, video sadržaj itd. Svakako provjerite da li su svi potrebni.

Neoptimizirane fotografije usporavaju WordPress

Prema rezultatima istraživanja The Power of Visual Communication-a, čak osamdeset posto informacija koje svakodnevno upijamo i pamtimo pojavljuje se u vizualnom obliku. Slike su te koje povećavaju mogućnost čitanja sadržaja na stranici. Navodno se web stranice sastoje od šezdeset posto slika i grafika, međutim, ako naše slike nisu optimizirane, one neće biti poticaj, već prepreka našim čitateljima.

Dobro optimizirane fotografije su aspekt koji se najviše zanemaruje. Stavljamo što više fotografija u objavu i ne razmišljamo o tome koliko prostora fotografije zapravo zauzimaju i kako će se njihova veličina pretočiti u vrijeme učitavanja web stranice. Optimizacija

Optimizacija je proces usavršavanja nečega s ciljem postizanja najboljih mogućih rezultata. U kontekstu informatike i tehnologije, optimizacija se odnosi na različite aktivnosti usmjerene na poboljšanje učinkovitosti, brzine, efikasnosti i kvalitete rada računalnih sustava, softvera, web stranica i drugih digitalnih resursa. Zašto je optimizacija važna?  Odgovor je jednostavan. Optimizacija omogućava bolje iskorištavanje resursa, što se prevodi na brže funkcioniranje aplikacija, manju potrošnju energije i bolje iskustvo korisnika. Na primjer, optimizacija web...

Što je Optimizacija? je stoga usmjerena na smanjenje “težine” fotografija, što rezultira bržim preuzimanjem.

Prije postavljanja fotografija na web stranicu, potrebno ih je smanjiti na maksimalnu širinu od 1920 px. Osim toga, potrebno ih je komprimirati, npr. pomoću alata TinyPNG. Fotografije koje su već dodane u WordPress mogu se komprimirati pomoću dodatka za slike Smush.

Nema predmemoriranja stranica

Što je predmemoriranje (Cache)? Pojednostavljeno rečeno, predmemoriranje se sastoji u pohranjivanju resursa web stranice bliže korisniku tako da se ti resursi mogu brže učitati.

Kada vaša web stranica koristi predmemoriju preglednika, prilikom prvog učitavanja, njeni resursi se lokalno pohranjuju u pregledniku tako da će sljedeći put kada posjetite stranicu, resursi biti brže učitani.

Ostale metode predmemoriranja koje vaša stranica može koristiti uključuju:

• Opcache – sprema kompajlirani PHP kod. U kombinaciji s PHP verzijom 7 i novijom, omogućuje značajno ubrzanje učitavanja PHP koda web stranice. Opcache je na našim hostinh paketima automatski uključen, a upravljanje Opcache-om i verzijom PHP-a je omogućeno kroz cPanel. Svakako se pobrinite da verzija PHP-a bude iznad 7.0.
• Predmemorija objekata – u WordPressu omogućuje pohranjivanje rezultata upita u bazu podataka i na taj način smanjuje broj upita koji se šalju u bazu svaki put kada se stranica učita.
• Predmemorija stranice – služi generiranju HTML stranice tako da se PHP kod ne mora izvršavati svaki put kada se stranica učitava.

Kako koristiti predmemoriju za ubrzanje WordPressa? To možemo učiniti s jednim od dostupnih dodataka. Za hosting s LiteSpeed

LiteSpeed ​​Server (LSWS) je visokoučinkoviti web server koji zamjenjuje popularne servere Apache ili Nginx. Dizajniran je tako da radi brže i učinkovitije od tradicionalnih HTTP servera, nudeći istovremeno usklađenost s protokolima i skriptama korištenima u popularnim internetskim aplikacijama. Evo nekoliko značajki LiteSpeeda: Učinkovitost: LiteSpeed ​​je znatno brži od tradicionalnog Apache servera zahvaljujući svojoj optimiziranoj arhitekturi, što rezultira kraćim vremenima odziva i bržim učitavanjem internetskih stranica. Manja potrošnja resursa: LiteSpeed...

Što je Litespeed? ​​​​serverom, preporučujem LiteSpeed ​​​​Cache dodatak. Ostali besplatni dodaci iz baze WP-a su Fastest Cache i WP Super Cache.

Usporavanje WordPress-a – kratki sažetak

Šest gore navedenih čimbenika elementi su koje možemo lako poboljšati, međutim, ponekad je situacija kompliciranija i web stranica je i dalje spora nakon dovršetka gornjih koraka. U ovom slučaju, najvjerojatnije će vam trebati pomoć programera, ponovna izrada teme, odnosno nekih dodataka,  a ponekad i nova izrada kompletne web stranice.