Sa\u017eetak<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n
\n\n\n\nZa\u0161to Brzina WordPressa Vi\u0161e Nego Ikad Va\u017ena u 2026.<\/h2>\n\n\n\n
Brzina nije samo performansna preferencija. Utje\u010de na tri stvari koje su direktno va\u017ene za va\u0161e poslovanje:<\/p>\n\n\n\n
1. Google rangiranja<\/strong> Core Web Vitals \u2014 Googleov skup metrika za brzinu i iskustvo \u2014 aktivni su faktor rangiranja. Stranica koja lo\u0161e ocjenjuje na Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) ili Interaction to Next Paint (INP) rangirat \u0107e se ni\u017ee od usporedive stranice s dobrim rezultatima.<\/p>\n\n\n\n2. Stopa konverzije<\/strong> Svaka dodatna sekunda vremena u\u010ditavanja smanjuje stopu konverzije. Stranica koja se u\u010ditava za 1 sekundu konvertira znatno bolje od iste stranice koja se u\u010ditava za 4 sekunde. Ovo nije teorija \u2014 konzistentno je podr\u017eano podacima iz svih industrija.<\/p>\n\n\n\n3. Povjerenje korisnika<\/strong> Spora stranica signalizira zapu\u0161teno poslovanje. Prije nego posjetitelj pro\u010dita va\u0161 naslov ili vidi va\u0161u ponudu, ve\u0107 je formirao sud na temelju toga koliko se brzo stranica osje\u0107ala. Prvi dojmovi u digitalnom svijetu mjere se u milisekundama.<\/p>\n\n\n\n
\n\n\n\nKorak 1: Prvo Izmjerite \u2014 Znajte Svoju Polaznu To\u010dku<\/h2>\n\n\n\n
Prije promjene i\u010dega, izmjerite gdje stojite. Ne mo\u017eete pobolj\u0161ati ono \u0161to niste izmjerili.<\/p>\n\n\n\n
Alati za kori\u0161tenje:<\/strong><\/p>\n\n\n\n\n- Google PageSpeed Insights<\/strong> (pagespeed.web.dev) \u2014 testira i mobilni i desktop, prikazuje Core Web Vitals rezultate i specifi\u010dne preporuke<\/li>\n\n\n\n
- GTmetrix<\/strong> (gtmetrix.com) \u2014 daje waterfall prikaz \u0161to se u\u010ditava i kojim redoslijedom<\/li>\n\n\n\n
- Google Search Console<\/strong> \u2014 pod Core Web Vitals, prikazuje koje stranice imaju probleme na temelju stvarnih korisni\u010dkih podataka<\/li>\n<\/ul>\n\n\n\n
Pokrenite naslovnu stranicu, najva\u017eniju stranicu usluga i kontakt stranicu kroz PageSpeed Insights. Posebno zabilje\u017eite mobilni rezultat \u2014 to je onaj koji je najva\u017eniji za rangiranja.<\/p>\n\n\n\n
\u0160to zna\u010de rezultati:<\/strong><\/p>\n\n\n\n\n- 90\u2013100: Dobro<\/li>\n\n\n\n
- 50\u201389: Treba pobolj\u0161anje<\/li>\n\n\n\n
- 0\u201349: Lo\u0161e \u2014 ovo vam aktivno \u0161teti<\/li>\n<\/ul>\n\n\n\n
Zapi\u0161ite rezultate prije nego po\u010dnete. Htjet \u0107ete ih usporediti nakon svakog koraka.<\/p>\n\n\n\n
\n\n\n\nKorak 2: Prvo Popravite Slike (Najve\u0107i Dobitak)<\/h2>\n\n\n\n
Slike su pojedina\u010dno najve\u0107i doprinos sporim WordPress stranicama. Ve\u0107ina tvrtki u\u010ditava slike direktno s fotoaparata ili dizajnerskog alata \u2014 \u010desto datoteke od 3 MB do 8 MB \u2014 bez ikakve optimizacije.<\/p>\n\n\n\n
Samo ovaj korak mo\u017ee prepoloviti vrijeme u\u010ditavanja stranice.<\/p>\n\n\n\n
3 stvari koje treba u\u010diniti sa svakom slikom:<\/strong><\/p>\n\n\n\n1. Promijenite veli\u010dinu prije u\u010ditavanja<\/strong> Hero slika prikazana na 1200px \u0161irini ne treba biti 4000px \u0161iroka. Promijenite veli\u010dinu slika na stvarnu veli\u010dinu prikaza prije u\u010ditavanja. Koristite alat poput Squoosh (besplatan, u pregledniku) ili Photoshop.<\/p>\n\n\n\n2. Komprimirajte bez vidljivog gubitka kvalitete<\/strong> Koristite lossy kompresiju za dramati\u010dno smanjenje veli\u010dine datoteke bez vidljive razlike u kvaliteti. Cilj: ispod 150 KB za ve\u0107inu slika, ispod 300 KB za velike hero slike.<\/p>\n\n\n\n3. Konvertirajte u WebP format<\/strong> WebP je moderni format slike koji je tipi\u010dno 25\u201335% manji od JPEG ili PNG pri ekvivalentnoj kvaliteti. Ve\u0107ina modernih preglednika ga podr\u017eava. WordPress mo\u017ee automatski poslu\u017eivati WebP uz pravi plugin.<\/p>\n\n\n\nPreporu\u010deni pluginovi:<\/strong><\/p>\n\n\n\n\n- Imagify<\/strong> ili ShortPixel<\/strong> \u2014 automatski komprimiraju i konvertiraju slike pri u\u010ditavanju, poslu\u017euju WebP<\/li>\n\n\n\n
- Smush<\/strong> \u2014 besplatna opcija s bulk kompresijom za postoje\u0107e slike<\/li>\n<\/ul>\n\n\n\n
Nakon optimizacije slika, pokrenite PageSpeed Insights ponovno. Za ve\u0107inu stranica, ovaj jedinstveni korak pomi\u010de rezultat za 15 do 30 bodova.<\/p>\n\n\n\n
\n\n\n\nKorak 3: Instalirajte Plugin za Caching<\/h2>\n\n\n\n
Svaki put kada netko posjeti va\u0161u WordPress stranicu, PHP izvr\u0161ava kod, upituje bazu podataka i gradi stranicu od nule. Za 100 posjetitelja, to se doga\u0111a 100 puta.<\/p>\n\n\n\n
Caching sprema stati\u010dnu verziju svake stranice i poslu\u017euje je direktno \u2014 u potpunosti preska\u010du\u0107i upit bazi podataka. Rezultat su dramati\u010dno br\u017ea vremena odgovora, posebno pod prometom.<\/p>\n\n\n\n
Preporu\u010deni caching pluginovi:<\/strong><\/p>\n\n\n\n\n- WP Rocket<\/strong> (pla\u0107en, ~\u20ac49\/godi\u0161nje) \u2014 najkompletniji i najlak\u0161i za konfiguriranje. Rje\u0161ava page caching, browser caching, minifikaciju datoteka, lazy loading i optimizaciju baze podataka u jednom pluginu. Vrijedi cijenu.<\/li>\n\n\n\n
- LiteSpeed Cache<\/strong> (besplatan) \u2014 odli\u010dan ako va\u0161 host koristi LiteSpeed servere (mnogi kvalitetni hostovi to \u010dine)<\/li>\n\n\n\n
- W3 Total Cache<\/strong> (besplatan) \u2014 slo\u017eeniji za konfiguriranje, ali mo\u0107an<\/li>\n<\/ul>\n\n\n\n
Klju\u010dne postavke za omogu\u0107iti nakon \u0161to je caching aktivan:<\/strong><\/p>\n\n\n\n\n- Page cache: uklju\u010den<\/li>\n\n\n\n
- Browser caching: uklju\u010den<\/li>\n\n\n\n
- GZIP kompresija: uklju\u010dena<\/li>\n\n\n\n
- Minify CSS i JavaScript: uklju\u010den (testirajte pa\u017eljivo \u2014 ovo povremeno mo\u017ee pokvariti stvari)<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nKorak 4: Minificirajte i Odgodite CSS i JavaScript<\/h2>\n\n\n\n
Svaka stylesheet i script datoteka koju va\u0161a WordPress stranica u\u010ditava dodaje te\u017einu stranice i blokira renderiranje. Minifikacija uklanja razmake i komentare iz ovih datoteka za smanjenje njihove veli\u010dine. Odga\u0111anje i async-u\u010ditavanje skripti zna\u010di da ne blokiraju prikaz stranice.<\/p>\n\n\n\n
\u0160to u\u010diniti:<\/strong><\/p>\n\n\n\n\n- Minificirajte CSS<\/strong> \u2014 smanjuje veli\u010dine stylesheet datoteka (obi\u010dno 10\u201330% manje)<\/li>\n\n\n\n
- Minificirajte JS<\/strong> \u2014 isto za JavaScript datoteke<\/li>\n\n\n\n
- Odgodite render-blokiraju\u0107i JavaScript<\/strong> \u2014 skripte koje nisu odmah potrebne ne bi trebale blokirati u\u010ditavanje stranice<\/li>\n\n\n\n
- Uklonite nekori\u0161ten CSS<\/strong> \u2014 WordPress teme \u010desto u\u010ditavaju CSS za zna\u010dajke koje ne koristite<\/li>\n<\/ul>\n\n\n\n
Ve\u0107ina caching pluginova (WP Rocket posebno) rje\u0161ava minifikaciju i odga\u0111anje putem preklopnih sklopki. Uklju\u010dite ih, zatim temeljito testirajte svoju stranicu \u2014 minifikacija povremeno mo\u017ee biti u sukobu s odre\u0111enim pluginovima ili temama.<\/p>\n\n\n\n
Ako ne koristite caching plugin koji to rje\u0161ava, Asset CleanUp<\/strong> je namjenski plugin za uklanjanje nekori\u0161tenih skripti i stilova po stranici.<\/p>\n\n\n\n
\n\n\n\nKorak 5: Koristite Content Delivery Network (CDN)<\/h2>\n\n\n\n
CDN pohranjuje kopije stati\u010dnih datoteka va\u0161e stranice (slike, CSS, JavaScript) na serverima diljem svijeta. Kada netko posjeti va\u0161u stranicu, prima datoteke sa servera koji mu je najbli\u017ei \u2014 umjesto s mjesta gdje je va\u0161 hosting server fizi\u010dki smje\u0161ten.<\/p>\n\n\n\n
Za hrvatsku tvrtku s posjetiteljima u Zagrebu, Splitu i Be\u010du, CDN mo\u017ee smisleno smanjiti vremena u\u010ditavanja za sve njih.<\/p>\n\n\n\n
Preporu\u010dene CDN opcije:<\/strong><\/p>\n\n\n\n\n- Cloudflare<\/strong> (besplatni tier dostupan) \u2014 naj\u0161ire kori\u0161ten, lako se postavlja, pru\u017ea i sigurnost i DDoS za\u0161titu kao bonus<\/li>\n\n\n\n
- BunnyCDN<\/strong> (vrlo pristupa\u010dan) \u2014 odli\u010dne performanse, jednostavno odre\u0111ivanje cijena<\/li>\n\n\n\n
- WP Rocket + RocketCDN<\/strong> \u2014 integrirana CDN opcija ako ve\u0107 koristite WP Rocket<\/li>\n<\/ul>\n\n\n\n
Postavljanje Cloudflarea traje oko 20 minuta i tipi\u010dno pobolj\u0161ava vremena u\u010ditavanja za 200\u2013500 ms za me\u0111unarodne posjetitelje.<\/p>\n\n\n\n
\n\n\n\nKorak 6: Optimizirajte Bazu Podataka<\/h2>\n\n\n\n
WordPress sve pohranjuje u bazu podataka \u2014 postove, revizije, komentare, podatke pluginova, tranziencije. Kroz vrijeme, ta baza podataka akumulira zna\u010dajno napuhavanje: tisu\u0107e revizija postova, spam komentara, siro\u010dad podataka od izbrisanih pluginova i isteklih tranziencija.<\/p>\n\n\n\n
Nabubrela baza podataka usporava svako u\u010ditavanje stranice jer je WordPress upituje na svaki zahtjev.<\/p>\n\n\n\n
\u0160to o\u010distiti:<\/strong><\/p>\n\n\n\n\n- Revizije postova (WordPress sprema reviziju svaki put kada ure\u0111ujete \u2014 ovo se brzo akumulira)<\/li>\n\n\n\n
- Izbrisane postove i komentare<\/li>\n\n\n\n
- Spam komentare<\/li>\n\n\n\n
- Istekle tranziencije<\/li>\n\n\n\n
- Siro\u010dad podataka pluginova<\/li>\n<\/ul>\n\n\n\n
Preporu\u010deni alati:<\/strong><\/p>\n\n\n\n\n- WP-Optimize<\/strong> (besplatan) \u2014 \u010disti bazu podataka, komprimira tablice i mo\u017ee zakazati redovita \u010di\u0161\u0107enja<\/li>\n\n\n\n
- WP Rocket<\/strong> \u2014 uklju\u010duje optimizaciju baze podataka pod tabom “Database”<\/li>\n<\/ul>\n\n\n\n
Pokrenite \u010di\u0161\u0107enje baze podataka, zatim provjerite vrijeme odgovora servera (TTFB \u2014 Time to First Byte) u GTmetrixu. Trebalo bi se primjetno smanjiti.<\/p>\n\n\n\n
\n\n\n\nKorak 7: Revidirajte i Smanjite Pluginove<\/h2>\n\n\n\n
Svaki plugin koji instalirate dodaje kod koji se izvodi na svakom u\u010ditavanju stranice. Ve\u0107ina WordPress stranica akumulira pluginove kroz vrijeme \u2014 mnogi od njih rade stvari koje se ili preklapaju, vi\u0161e nisu potrebne ili bi se mogle zamijeniti s nekoliko redaka prilago\u0111enog koda.<\/p>\n\n\n\n
Kako revidirati pluginove:<\/strong><\/p>\n\n\n\nPro\u0111ite kroz svaki instalirani plugin i pitajte:<\/p>\n\n\n\n
\n- Je li ovo jo\u0161 uvijek u upotrebi?<\/li>\n\n\n\n
- Je li se odr\u017eava (zadnje a\u017euriranje unutar proteklih 6 mjeseci)?<\/li>\n\n\n\n
- Mo\u017ee li neki drugi plugin koji ve\u0107 imamo raditi isto?<\/li>\n\n\n\n
- U\u010ditava li ovo skripte na stranicama gdje nije potrebno?<\/li>\n<\/ul>\n\n\n\n
Uobi\u010dajeni krivci za te\u017einu pluginova:<\/strong><\/p>\n\n\n\n\n- Page builderi s te\u0161kim CSS\/JS koji se u\u010ditava na razini cijele stranice (Elementor, Divi)<\/li>\n\n\n\n
- Slider pluginovi (gotovo uvijek napuhani i rijetko potrebni)<\/li>\n\n\n\n
- Vi\u0161estruki form pluginovi kada bi jedan bio dovoljan<\/li>\n\n\n\n
- Pluginovi za dijeljenje na dru\u0161tvenim mre\u017eama koji u\u010ditavaju vanjske skripte<\/li>\n\n\n\n
- Stari pluginovi od developera koji su ih napustili<\/li>\n<\/ul>\n\n\n\n
Cilj nije imati \u0161to manje pluginova \u2014 to je imati samo one koji zara\u0111uju svoju te\u017einu. Uklanjanje 3 do 5 nekori\u0161tenih ili redundantnih pluginova mo\u017ee primjetno pobolj\u0161ati vrijeme u\u010ditavanja.<\/p>\n\n\n\n
\n\n\n\nKorak 8: Omogu\u0107ite Lazy Loading<\/h2>\n\n\n\n
Lazy loading zna\u010di da se slike i video ispod preklopa ne u\u010ditavaju dok se korisnik ne pomakne prema njima. Ovo zna\u010dajno smanjuje po\u010detno u\u010ditavanje stranice, jer preglednik mora u\u010ditati samo ono \u0161to je odmah vidljivo.<\/p>\n\n\n\n
WordPress ima ugra\u0111en nativni lazy loading od verzije 5.5. Za ve\u0107inu instalacija, ve\u0107 je aktivan za slike.<\/p>\n\n\n\n
Provjerite i pro\u0161irite:<\/strong><\/p>\n\n\n\n\n- Potvrdite da je nativni lazy loading aktivan (slike bi trebale imati
loading=\"lazy\"<\/code> atribut u HTML-u)<\/li>\n\n\n\n- Koristite WP Rocket ili Imagify za pro\u0161irenje lazy loadinga na pozadinske slike i video (WordPress native ne pokriva ove)<\/li>\n\n\n\n
- Ne koristite lazy loading na hero slici \u2014 ona je iznad preklopa i trebala bi se u\u010ditati odmah<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nKorak 9: Nadogradite Hosting<\/h2>\n\n\n\n
Ako ste napravili sve gore navedeno i va\u0161i rezultati su jo\u0161 uvijek lo\u0161i \u2014 posebno ako je va\u0161 Time to First Byte (TTFB) iznad 600 ms \u2014 usko grlo je va\u0161 hosting.<\/p>\n\n\n\n
Jeftini shared hosting stavlja stotine web stranica na isti server. Kada bilo koja od njih dobije promet, svi se usporavaju. Nikakav caching ili kompresija slika ne mogu popraviti server koji je fundamentalno spor.<\/p>\n\n\n\n
\u0160to tra\u017eiti u br\u017eem WordPress hostingu:<\/strong><\/p>\n\n\n\n\n- Managed WordPress hosting<\/strong> \u2014 serveri konfigurirani specifi\u010dno za WordPress (npr. Kinsta, Cloudways, WP Engine)<\/li>\n\n\n\n
- LiteSpeed ili Nginx serveri<\/strong> \u2014 br\u017ei od Apache za WordPress workloade<\/li>\n\n\n\n
- PHP 8.2 ili noviji<\/strong> \u2014 zna\u010dajno pobolj\u0161anje performansi u odnosu na starije PHP verzije<\/li>\n\n\n\n
- Lokacija servera<\/strong> \u2014 server u Frankfurtu ili Amsterdamu odgovarit \u0107e br\u017ee hrvatskim korisnicima nego onaj u SAD-u<\/li>\n\n\n\n
- SSD pohrana<\/strong> \u2014 standard danas, ali vrijedi potvrditi<\/li>\n<\/ul>\n\n\n\n
Prelazak s jeftinog shared hostinga na kvalitetan managed host \u010desto je pojedina\u010dno najve\u0107e pobolj\u0161anje brzine koje je mogu\u0107e \u2014 vi\u0161e od bilo kojeg plugina ili tehnike optimizacije.<\/p>\n\n\n\n
\n\n\n\nKorak 10: Verificirajte Core Web Vitals u Search Consoleu<\/h2>\n\n\n\n
Nakon implementacije gore navedenih koraka, dajte Googleu 2 do 4 tjedna da ponovno crawla va\u0161e stranice i a\u017eurira podatke. Zatim provjerite Google Search Console pod Experience \u2192 Core Web Vitals<\/strong>.<\/p>\n\n\n\nTra\u017eite:<\/p>\n\n\n\n
\n- LCP (Largest Contentful Paint)<\/strong> ispod 2,5 sekunde \u2014 glavni sadr\u017eaj bi se trebao brzo u\u010ditati<\/li>\n\n\n\n
- INP (Interaction to Next Paint)<\/strong> ispod 200 ms \u2014 stranica bi trebala brzo reagirati na klikove<\/li>\n\n\n\n
- CLS (Cumulative Layout Shift)<\/strong> ispod 0,1 \u2014 elementi ne bi trebali skakati dok se stranica u\u010ditava<\/li>\n<\/ul>\n\n\n\n
Search Console \u0107e vam pokazati koje specifi\u010dne URL-ove imaju probleme i u koju kategoriju problem spada. Prvo popravite ozna\u010dene stranice \u2014 one su te koje najdirektnije utje\u010du na va\u0161a rangiranja.<\/p>\n\n\n\n
\n\n\n\n