Web stranica

WordPress ubrzavanje: 10 ključnih kriterija za poboljšanje Core Web Vitals na hrvatskim webovima

  • 14 min čitanja
  • Hostragons tim
WordPress ubrzavanje: 10 ključnih kriterija za poboljšanje Core Web Vitals na hrvatskim webovima

Ubrzanje WordPress stranica je proces poboljšanja metrika Core Web Vitals optimizacijom vremena odgovora servera, učitavanja vizuala i koda, strukture predmemorije te prvog sadržaja koji se prikazuje korisniku. Prema SEO standardima 2026. godine, cilj za brzu WordPress stranicu je održavanje LCP vrijednosti ispod 2,5 sekundi, INP vrijednosti ispod 200 ms, CLS vrijednosti ispod 0,1, te izbjegavanje nepotrebnog čekanja za mobilne korisnike na prvom ekranu. Za to nije dovoljno samo instalirati dodatak; potrebno je uzeti u obzir pravi hosting, laganu temu, optimizirane vizuale, kontroliranu upotrebu dodataka, CDN, održavanje baze podataka i redovno mjerenje.

Google više ne gleda na iskustvo stranice kao na jamstvo rangiranja, ali Core Web Vitals direktno utječu na zadovoljstvo korisnika i stope konverzije, posebno u konkurentnim pretraživanjima. Na primjer, bez obzira na to je li riječ o e-trgovini, korporativnoj web stranici, blogu ili vijestima, kašnjenje od 1 sekunde može značajno povećati vjerojatnost da će mobilni korisnik napustiti stranicu. Stoga je optimizacija brzine WordPressa osnovna potreba, a ne tehnička luksuz, kada se gleda s aspekta SEO-a, reklamnog budžeta i povjerenja brenda.

U ovom vodiču ćemo korak po korak obraditi 10 kriterija koji najčešće donose rezultate na terenu. Na kraju svakog kriterija pronaći ćete primjenjive kontrolne točke. Ako postavljate novu stranicu, odabir pravih resursa od samog početka bit će velika prednost; čak i ako je vaša postojeća stranica spora, ovaj vodič će vam pomoći da razjasnite odakle početi. Ako tražite optimiziranu infrastrukturu za WordPress, možete pogledati Hostragons WordPress hosting, a za domenu i sigurnu vezu možete iskoristiti Provjera domene i SSL certifikat sadržaje.

Što su Core Web Vitals i kako su povezani s brzinom WordPress-a?

Core Web Vitals su metrički podaci koje Google ističe za mjerenje stvarnog korisničkog iskustva. Na WordPress stranicama ovi metrici ovise o mnogim čimbenicima, uključujući kvalitetu teme, broj dodataka, performanse servera, veličine vizuala, opterećenje JavaScript-a i vizualnu stabilnost stranice.

LCP: Vrijeme prikazivanja najvećeg sadržaja

LCP mjeri koliko dugo se najveći sadržaj na stranici prikazuje na korisničkom ekranu. Ovaj sadržaj može biti hero slika, veliki naslov, slika proizvoda ili veliki banner. Idealni LCP je ispod 2,5 sekundi. Najčešći uzroci visokog LCP-a na WordPress stranicama su spori hosting, neoptimizirane velike slike, CSS koji ometa renderiranje i spori odgovori skripti trećih strana.

INP: Vrijeme odgovora na interakciju

INP mjeri koliko brzo stranica odgovara nakon što korisnik klikne, dodirne ili koristi tipkovnicu. U SEO pristupu 2026. godine, INP je sveobuhvatniji od starog FID metrika jer ocjenjuje ne samo prvu interakciju, već i kvalitetu interakcije tijekom cijele stranice. Cilj je ispod 200 ms. Težak JavaScript, složene strukture tema i nepotrebne animacije mogu narušiti INP.

CLS: Vizualna stabilnost

CLS mjeri neočekivano pomicanje sadržaja dok se stranica učitava. Ako se reklama, slika ili font učitavaju kasnije dok korisnik pokušava pritisnuti gumb, CLS se povećava. Idealna vrijednost je ispod 0,1. Glavni uzroci su neodređene širine i visine vizuala, nepredviđeni prostori za reklame i kasno učitavanje web fontova.

Prvo izmjerite trenutnu brzinu WordPress stranice

Prije nego što počnete s optimizacijom, važno je izmjeriti trenutnu brzinu stranice. U suprotnom, nasumično instaliranje dodataka može umjesto rješenja stvoriti nove probleme. Ne oslanjajte se na samo jedan alat prilikom mjerenja; procijenite laboratorijske i stvarne korisničke podatke zajedno.

  • PageSpeed Insights: Prikazuje performanse za mobilne i desktop uređaje, podatke Core Web Vitals i tehničke preporuke.
  • Google Search Console: Pruža izvještaj Core Web Vitals temeljen na podacima stvarnih korisnika.
  • Chrome DevTools Lighthouse: Pruža detaljnu analizu problema na razini programera.
  • WebPageTest: Pomaže vam testirati s različitih lokacija, tipova povezanosti i uređaja.
  • Server logovi: Korisni su za analizu bot skeniranja, 5xx grešaka i sporih zahtjeva.

Najčešća greška u mjerenju je testiranje samo početne stranice. Međutim, SEO promet često dolazi na stranice kategorija, proizvoda, blogova ili usluga. Stoga bi trebalo testirati barem 5 tipova stranica: početnu stranicu, blog post, kategoriju, stranicu konverzije i stranicu s velikim vizualima.

10 kriterija za ubrzanje temeljenih na Core Web Vitals

1. Odaberite hosting infrastrukturu usmjerenu na performanse

Hosting je osnovni sloj u radu na ubrzanju WordPress stranica. Ako je server spor, učinak dodataka za predmemoriju i optimizaciju bit će ograničen. Osobito TTFB, tj. vrijeme do prvog bajta, izravno utječe na LCP. Dobar WordPress hosting za 2026. godinu trebao bi uključivati NVMe SSD, ažuriranu PHP verziju, podršku za HTTP/2 ili HTTP/3, LiteSpeed ili optimiziranu Nginx/Apache konfiguraciju, dovoljno CPU/RAM resursa i predmemoriju na strani servera.

Kao konkretan cilj, za stranicu koja se fokusira na Hrvatsku očekuje se da TTFB vrijednost bude u rasponu od 200-600 ms na većini stranica, uz server blizu Hrvatske. Ako koristite dijeljeni hosting, limit resursa može uzrokovati fluktuacije performansi tijekom vršnih sati. Za stranice s povećanim prometom, opcije cloud servera ili skalabilnog hostinga pružaju stabilnije rezultate. Za optimizirane pakete specifične za WordPress možete provjeriti Hostragons WordPress hosting i LiteSpeed Hosting za visoke performanse podrške za predmemoriju.

  • Držite PHP verziju na ažuriranoj stabilnoj verziji.
  • Odaberite lokaciju servera blizu vaše ciljne publike.
  • Preferirajte NVMe SSD tip diska.
  • Provjerite predmemoriju na strani servera i Brotli/Gzip kompresiju.

2. Koristite laganu temu i čistu strukturu stranice

WordPress tema određuje nevidljivo opterećenje performansi. Tematski paketi s više svrha, brojnim demonstracijama i teškim animacijama mogu izgledati praktično prilikom prve instalacije, ali mogu stvoriti prekomjerno opterećenje CSS-a i JavaScript-a tijekom stvarne upotrebe. Brza tema je ona koja ne učitava nepotrebne biblioteke, djeluje jednostavno na mobilnim uređajima, proizvodi dostupni HTML i nije previše ovisna o graditeljima stranica.

Na primjer, na stranici s korporativnim uslugama, ako su potrebni samo naslov, kratak tekst, nekoliko ikona i kontakt forma, nije potrebno učitavati CSS/JS datoteke veće od 1 MB. Kada birate temu, gledajte na rezultate s vlastitim sadržajem, a ne samo na demo ocjenu. Također, imajte na umu da svaki widget, tab, klizač i animacija korištena u graditeljima stranica može dodati dodatne datoteke. Ako je moguće, koristite statične i brzo učitavajuće blokove na vrhu; umjesto klizača, odaberite jedan optimizirani hero prostor.

3. Uspostavite učinkovitu strategiju predmemorije

Predmemorija je jedan od najbržih koraka u optimizaciji brzine WordPressa. Budući da WordPress ima dinamičku strukturu, svaki posjetitelj pokreće PHP, izvodi upite baze podataka i generira HTML. Predmemorija stranice omogućuje da se taj izlaz drži spremnim i brzo se prikazuje posjetiteljima.

Dobra strategija predmemorije ne uključuje samo predmemoriju stranice. Treba razmotriti i predmemoriju preglednika, objekt predmemoriju, predmemoriju baze podataka i CDN predmemoriju. Međutim, dok se agresivno konfigurira predmemorija, treba biti oprezan s registracijama, košaricama, plaćanjima i personaliziranim stranicama. Na WooCommerce stranicama, stranice košarice i plaćanja obično se trebaju isključiti iz predmemorije.

  • Aktivirajte predmemoriju stranice.
  • Postavite dugi rok predmemorije za statične datoteke.
  • Razmotrite rješenja za predmemoriju objekata poput Redis ili Memcached.
  • Podesite pravila za čišćenje predmemorije prema vašem toku ažuriranja sadržaja.
  • Testirajte dinamična polja kao što su forme, košarice i korisnički panel.

4. Optimizirajte slike s novim formatima

Na mnogim WordPress stranicama najveće opterećenje performansi dolazi od slika. Ako se slika koja bi trebala biti 300 KB učita kao 2 MB, to može negativno utjecati na LCP i ukupnu veličinu stranice, posebno za mobilne korisnike. Cilj optimizacije slika je smanjiti veličinu datoteke bez gubitka kvalitete, isporučiti ih u pravoj veličini i učitati nepotrebne slike kasnije.

Za 2026. godinu formati WebP i AVIF postaju standardni. Dobro je izrezati slike na stvarnu veličinu prije nego što ih učitate u WordPress medijsku biblioteku. Na primjer, ako je vaš prostor za sadržaj širok 900 piksela, nije potrebno učitavati sliku širine 3000 piksela. LCP elementi poput hero slika ne bi se trebali učitavati kasnije, već se mogu unaprijed učitati. Za slike ispod ekrana treba koristiti lazy loading.

  • Pretvorite JPEG/PNG slike u WebP ili AVIF.
  • Definirajte width i height vrijednosti za hero sliku.
  • Koristite lazy loading za slike ispod ekrana.
  • Provjerite izvore responzivnih slika za mobilne uređaje.
  • Prije učitavanja slika iz stocka, komprimirajte ih i promijenite veličinu.

5. Smanjite opterećenje CSS-a i JavaScript-a

Važan dio problema s Core Web Vitals često je uzrokovan CSS-om koji ometa renderiranje i teškim JavaScriptom. Preglednik mora čekati da se neki datoteke preuzmu i izvrše prije nego što može prikazati stranicu. To povećava LCP i INP vrijednosti. Rješenje je smanjiti neiskorišteni CSS, prioritizirati kritični CSS, odgoditi JavaScript i ograničiti skripte trećih strana.

Pogotovo analitičke skripte, live chat, reklame, karte, pikseli društvenih mreža i A/B test skripte mogu usporiti interakciju na stranici. Postavite si pitanje za svaku skriptu: Je li ova datoteka zaista potrebna za dolazak, mjerenje ili korisničko iskustvo? Ako jeste, treba li raditi na svim stranicama ili samo na određenoj? Na primjer, kod karte na stranici kontakta ne mora raditi na svim blog postovima.

  • Uklonite ili smanjite neiskorišteni CSS.
  • Odložite JavaScript datoteke s defer ili delay logikom.
  • Koristite alate za optimizaciju koji učitavaju resurse na razini stranice.
  • Ograničite teške klizače i biblioteke animacija.
  • Redovito pregledavajte skripte trećih strana.

6. Održavajte bazu podataka i pozadinu WordPress-a čistima

WordPress može s vremenom postati preopterećen revizijama, nacrtima, spam komentarima, privremenim podacima, starim tablicama dodataka i transientima. Ova situacija može uzrokovati usporavanje, osobito u administrativnom panelu i dinamičnim upitima. Optimizacija baze podataka nije toliko vidljiva kao predmemorija, ali je ključna za održavanje održive brzine.

Prilikom održavanja obavezno napravite sigurnosnu kopiju. Zatim ograničite nepotrebne revizije članaka, očistite spam i smeće, provjerite tablice koje su ostavile neiskorišteni dodaci. Ako koristite WooCommerce, narudžbe, sesije i varijacije proizvoda mogu brzo povećati veličinu baze podataka. Za velike stranice, alati poput Query Monitor-a za analizu upita mogu se koristiti kratkoročno; ne preporučuje se da ostanu aktivni trajno.

7. Koristite CDN i geografski raspored

CDN smanjuje kašnjenje isporukom statičnih datoteka s najbližeg edge servera korisniku. Osobito je CDN od velike koristi za stranice koje primaju promet iz različitih gradova, zemalja ili mobilnih veza. Vizuali, CSS, JavaScript, fontovi i neki HTML izlazi mogu se isporučiti putem CDN-a.

Za malu lokalnu poslovnu stranicu koja se fokusira na Hrvatsku, snažan hosting i dobra predmemorija često mogu biti dovoljni. Međutim, za nacionalni promet, visoko opterećenje vizualima, kampanjske periode ili posjetitelje iz inozemstva, CDN čini performanse konzistentnijima. Kada koristite CDN, pravila predmemorije, usklađenost s SSL-om i varijante sadržaja trebaju se pažljivo konfigurirati. Osnovne informacije o ovoj temi mogu se naći u Što je CDN sadržaju koji pruža dobar početak za vlasnike stranica.

8. Kontrolirajte fontove, reklame i resurse trećih strana

Mnogi vlasnici stranica i dalje se suočavaju s niskim rezultatom nakon optimizacije slika. Razlog su često web fontovi, reklamni kodovi, ugradnje društvenih mreža i alati za marketing. Ako se vanjski fontovi učitavaju sporo, prikaz teksta može kasniti ili se može dogoditi pomicanje stranice dok se učitava. To utječe na LCP i CLS.

Na strani fontova, ako je moguće, koristite 1-2 obitelji fontova i ograničene težine. Umjesto učitavanja svih varijacija poput 300, 400, 500, 600, 700, odaberite samo one koje se stvarno koriste. Korištenje font-display swap omogućuje brže prikazivanje teksta. U reklamnim prostorima koristite unaprijed određene kutije. Umjesto ugradnji društvenih mreža, statična predpregledna slika i učitavanje na klik zdravije su za INP.

9. Osigurajte dizajn s prioritetom na mobilne uređaje i usklađenost s tehničkim SEO-om

Mobilno iskustvo često je presudno u ocjenjivanju Core Web Vitals. Stranica koja izgleda brzo na desktopu može loše funkcionirati na mobilnim uređajima zbog slabijeg procesora i sporih veza. Zato je važno donijeti odluke o dizajnu s gledišta mobilnog prvog ekrana.

Korištenje velikih video zapisa, teških klizača, automatskih iskačućih prozora ili sporih izbornika na vrhu mobilnog ekrana može smanjiti performanse. Na prvom ekranu trebaju se nalaziti informacije koje korisnik traži, brzo vidljivi naslovi i jasne akcije. Na tehničkom SEO-u trebaju se razmotriti točne kanonikalne oznake, čiste URL adrese, indeksabilan sadržaj, ispravna interna povezanost i korištenje HTTPS-a. Instalacija SSL certifikat ne smije se zanemariti radi sigurnosti veze i povjerenja preglednika.

10. Uspostavite rutinu stalnog praćenja, testiranja i održavanja

Ubrzanje WordPressa nije jednokratni projekt. Instalacija novih dodataka, ažuriranje tema, reklamni kodovi, kampanje ili učitavanje velikih slika mogu ponovo usporiti performanse. Stoga je potrebno uspostaviti mjesečnu ili dvotjednu rutinu kontrole.

Praktičan plan održavanja može izgledati ovako: Svaki mjesec testirajte ključne stranice s PageSpeed Insights, pregledajte izvještaj Core Web Vitals u Search Console-u, kontrolirano ažurirajte dodatke i teme, napravite sigurnosnu kopiju, provjerite prekomjernu veličinu baze podataka i preglede 404/5xx grešaka. Prije velikih promjena, testiranje u staging okruženju može spriječiti štetu na aktivnoj stranici. Sigurnost i performanse trebaju se razmatrati zajedno; zastarjeli dodaci predstavljaju rizik, ali i problem brzine. O tome bi Vodič za sigurnost WordPress-a mogao biti koristan.

Kriteriji optimizacije brzine WordPress-a: Sažetak u tablici

Kriteriji optimizacije brzine WordPress-a: Sažetak u tablici
KriterijUtjecaj na metrikPreporučeni ciljPrioritet
Performantni hostingTTFB, LCPTTFB na većini stranica 200-600 msVrlo visok
Lagana temaLCP, INPSmanjenje nepotrebnog CSS/JS opterećenjaVisok
Predmemorija straniceTTFB, LCPPrezentacija dinamičkog izlaza putem predmemorijeVrlo visok
Optimizacija slikaLCP, CLSWebP/AVIF, ispravna veličina, lazy loadVrlo visok
Optimizacija JS/CSS-aLCP, INPDefer, delay, smanjenje neiskorištenog CSS-aVisok
Održavanje baze podatakaINP, brzina adminaOgraničavanje revizija, transienta i starih tablicaSrednji
Korištenje CDN-aLCP, TTFBIsporuka statičnih datoteka s bliskog edge serveraSrednji-visok
Kontrola fontova i reklamaCLS, INPRezerviranje prostora, ograničena težina fontaVisok

Korak po korak plan implementacije

Ako ne znate odakle početi, slijedite redoslijed ispod koji je siguran i učinkovit za većinu WordPress stranica. Prvo izvršite mjerenje, a zatim uklonite najveće usko grlo. Umjesto da nasumično otvarate sve postavke, testirajte nakon svake promjene.

  1. Izmjerite 5 ključnih stranica pomoću PageSpeed Insights i Search Console-a.
  2. Provjerite TTFB vrijednosti hostinga; ako je potrebno, nadogradite infrastrukturu.
  3. Konfigurirajte postavke predmemorije stranice i preglednika.
  4. Prebacite sve velike slike, uključujući hero slike, u WebP/AVIF format.
  5. Smanjite neiskorištene resurse u CSS i JavaScript datotekama.
  6. Učitajte skripte trećih strana na razini stranice.
  7. Definirajte fiksne dimenzije za vizuale, reklame i iframe prostore kako biste smanjili CLS.
  8. Jednostavno dizajnirajte mobilni prvi ekran i ograničite korištenje iskačućih prozora.
  9. Prije čišćenja baze podataka napravite punu sigurnosnu kopiju.
  10. Uspostavite rutinu izvještavanja za mjesečno praćenje performansi.

Primjenom ovog plana, srednje veliki blog obično prvi napredak postiže kroz optimizaciju slika i predmemoriju. Na primjer, kada se veličina stranice od 4 MB smanji na 1,2 MB, može se vidjeti poboljšanje LCP-a na mobilnim uređajima više od 1 sekunde. Međutim, svako mjesto ima svoje usko grlo. Na vijestima to mogu biti reklamni i ugradbeni kodovi, na e-trgovini dinamičke košarice, a na korporativnim stranicama teške teme i slike mogu biti dominantni problemi.

Česte greške

U radovima na ubrzanju WordPressa postoje pogreške koje mogu umjesto poboljšanja performansi uzrokovati probleme. Najčešća greška je korištenje više dodataka za predmemoriju i optimizaciju u isto vrijeme. To može dovesti do sukoba CSS/JS, oštećenog dizajna ili problema s prijavom korisnika. Druga greška je razmišljanje usmjereno na rezultate, a zanemarivanje stvarnog korisničkog iskustva. Čak i ako je PageSpeed rezultat 100, optimizacija je neadekvatna ako korisnik ne može doći do traženih informacija.

Također, odlaganje svih JavaScript datoteka nije uvijek ispravno. Funkcije izbornika, provjere formi, filtriranje proizvoda ili funkcionalnosti košarice mogu se pokvariti. Stoga bi sve postavke trebale biti testirane u stvarnim korisničkim scenarijima. Čišćenje baze podataka bez sigurnosne kopije može uzrokovati teško rješive probleme kada izbrišete nepotrebne tablice. Na kraju, očekivati čuda od jeftinog, ali ograničenog hostinga uz prekomjernu optimizaciju nije realno; infrastruktura i softver moraju se razmatrati zajedno.

Zaključak: Brza WordPress stranica znači bolje SEO i bolje iskustvo

Ubrzanje WordPress stranica nije samo posao povećavanja tehničkog rezultata; to je proces pružanja korisnicima bržeg, stabilnijeg i pouzdanijeg iskustva. Za poboljšanje Core Web Vitals vrijednosti, hosting, tema, predmemorija, vizuali, CSS/JS, CDN, fontovi i rutine održavanja trebaju se razmatrati zajedno. Najbolji pristup je prvo mjerenje, zatim rješavanje najvećeg uskog grla i ponovljeno testiranje nakon svake promjene.

Ako započinjete novi WordPress projekt, započnite s performantnom infrastrukturom kako biste u budućnosti uštedjeli vrijeme. Ako imate problema s brzinom na postojećoj stranici, možete istražiti rješenja za hosting prilagođena WordPressu iz Hostragonsa i odabrati infrastrukturu koja odgovara vašim potrebama, stvarajući čvrstu osnovu za proces optimizacije. Hostragons WordPress hosting

Često postavljana pitanja

Što je prvo što treba učiniti za ubrzanje WordPress stranice?

Prvi korak je mjerenje. Testirajte početnu stranicu, blog, kategorije i stranice za konverziju koristeći PageSpeed Insights, Search Console i WebPageTest. Zatim postavite prioritete prema TTFB, LCP, INP i CLS vrijednostima.

Povećavaju li Core Web Vitals vrijednosti izravno SEO rangiranje?

Core Web Vitals ne jamče izravno rangiranje; međutim, brze i stabilne stranice poboljšavaju korisničko iskustvo, stopu konverzije i indeksabilnost. U konkurentnim upitima, ova prednost može doprinijeti SEO performansama.

Je li dovoljno instalirati dodatak za ubrzanje WordPressa?

Ne. Dodatci za predmemoriju pružaju značajne pogodnosti, ali je teško postići trajne performanse bez rješavanja sporog hostinga, teških tema, velikih vizuala i nepotrebnih skripti trećih strana. Najbolji rezultati dolaze kroz sveobuhvatnu optimizaciju.

Treba li koristiti WebP ili AVIF za slike?

Oba formata su prikladna. AVIF često nudi manju veličinu datoteke, dok je WebP sigurniji izbor zbog široke kompatibilnosti. Idealni pristup je automatsko pružanje odgovarajućeg formata prema podršci preglednika.

Je li CDN potreban za svaku WordPress stranicu?

Nije uvjet za svaku stranicu. Dobar hosting i ispravna predmemorija mogu biti dovoljni za lokalne i niskotrafične stranice. Za stranice koje primaju promet iz različitih regija, imaju visoko opterećenje slikama ili privlače mnogo posjetitelja tijekom kampanja, CDN pruža značajne prednosti.

Podijelite ovaj post:

Hostragons tim

Aktualni vodiči našeg stručnog tima za hosting, poslužitelje i domene. Pronađimo zajedno pravo rješenje za vaš projekt.

Kontaktirajte nas