Otvorite svoju stranicu na mobitelu. Nekoliko trenutaka gledate praznu pozadinu, zatim se pojavi naslov, a fotografija pomakne ostatak sadržaja. Kada pokušate otvoriti izbornik, on reagira sa zakašnjenjem.
Svi ti problemi mogu ostaviti dojam sporog weba, ali ne moraju imati isti uzrok. WordPress može usporavati zbog slika, rada dodataka, poslužitelja, predmemorije ili vanjskih servisa. Najkorisniji prvi korak jest utvrditi što točno kasni, pa mijenjati jednu stvar i ponovno mjeriti.
Najprije utvrdite gdje se problem pojavljuje
Zapišite je li spora cijela stranica, samo administracija ili određeni dio, primjerice pretraga proizvoda. Provjerite događa li se isto na mobitelu i računalu te kao prijavljeni i odjavljeni korisnik.
Ova tablica daje smjer za početnu provjeru. Nijedan od navedenih simptoma sam po sebi ne dokazuje uzrok.
| Što primjećujete | Što prvo istražiti |
|---|---|
| Dugo se čeka prije pojave sadržaja | Vrijeme odgovora poslužitelja, obradu WordPressa i predmemoriju. |
| Tekst se pojavi, velika slika kasni | Veličinu slike, način učitavanja i kada je preglednik počinje preuzimati. |
| Sadržaj je vidljiv, gumbi kasne | JavaScript, vanjske skripte i opterećenje preglednika. |
| Spori su košarica ili pretraga | Dinamičke upite, dodatke i povezane servise. |
| Administracija je spora, javni web brz | Rad dodataka u administraciji, bazu i pozadinske zadatke. |
Kako pravilno testirati brzinu WordPressa
Otvorite PageSpeed Insights i provjerite nekoliko važnih adresa: početnu stranicu, uslugu ili članak te proizvod ako imate trgovinu. Pogledajte mobilni i računalni prikaz. Sam rezultat početne stranice ne opisuje cijeli web.
Alat prikazuje laboratorijski test i, kada ima dovoljno podataka, iskustva stvarnih korisnika. Laboratorijski rezultat nastaje u zadanim uvjetima i koristan je za otkrivanje problema. Podaci stvarnih korisnika obuhvaćaju prethodnih 28 dana pa se neće u cijelosti promijeniti odmah nakon optimizacije.
Ako podaci za konkretan URL nisu dostupni, alat može prikazati podatke šire razine weba. Provjerite što zapravo gledate. Izostanak korisničkih podataka ne znači automatski da je stranica brza ili spora.
Googleove metrike Core Web Vitals opisuju tri različita dijela iskustva:
- LCP prati kada se prikaže najveći vidljivi element sadržaja. Dobar rezultat je do 2,5 sekunde.
- INP opisuje odziv na korisnikove radnje. Dobar rezultat je do 200 milisekundi.
- CLS prati neočekivano pomicanje sadržaja. Dobar rezultat je do 0,1.
Za ocjenu stvarnog iskustva pragovi se promatraju na 75. percentilu, zasebno za mobilne i računalne posjete. Jedan dobar ručni test zato ne potvrđuje iskustvo svih korisnika.
Prevelike slike i pogrešan način njihova učitavanja
Fotografija iz mobitela često ima mnogo više piksela nego što je potrebno za prikaz na webu. Ako preglednik preuzima originalnu datoteku za malu karticu proizvoda, prenosi nepotrebne podatke.
Provjerite stvarne dimenzije prikaza, pripremite odgovarajuće veličine i kompresiju te usporedite kvalitetu. Za fotografije može pomoći WebP ili drugi prikladan format, ali sama promjena ekstenzije nije dovoljna. Sliku treba stvarno pretvoriti i pravilno poslužiti.
Za pripremu novih fotografija možete koristiti naš alat za optimizaciju slika za WordPress. Ako su slike već objavljene, treba provjeriti koje njihove verzije stranica učitava.
Veliku sliku na vrhu, osobito ako je glavni LCP element, nemojte nepotrebno odgađati lijenim učitavanjem. Odgođeno učitavanje korisnije je za sadržaj koji se nalazi niže. Ujedno rezervirajte prostor za slike kako njihov dolazak ne bi pomicao tekst i gumbe.
Dodaci koji rade previše posla
Broj dodataka sam po sebi ne otkriva koji dio troši vrijeme. Mali dodatak koji se izvrši samo pri spremanju objave može imati manji utjecaj na posjetitelja od jednog dodatka koji na svakoj stranici učitava velike skripte ili čeka odgovor vanjskog servisa.
Napravite popis funkcija koje zaista koristite. Dodatke zatim provjeravajte na probnoj kopiji i uspoređujte isti scenarij prije i nakon promjene. Ako se pretraga znatno ubrza kada isključite jedan dodatak, dobili ste trag koji treba potvrditi detaljnijim mjerenjem.
Na aktivnoj trgovini nemojte nasumično isključivati dodatke za plaćanje, dostavu ili prodajna pravila. Takav test može prekinuti kupnju.
Predmemorija koja nije prilagođena stranici
Predmemorija može poslužiti ranije pripremljenu verziju stranice, čime se smanjuje ponavljanje iste obrade. Ako nije uključena ili ne radi očekivano, svaki posjet može zahtijevati više rada poslužitelja.
Provjerite koje slojeve predmemorije već imate na hostingu i u WordPressu prije instaliranja novog dodatka. Više uključenih opcija ne znači automatski bolji rezultat.
Za WooCommerce provjerite izuzeća košarice, blagajne i korisničkog računa iz zajedničke predmemorije stranica. Ubrzanje je korisno samo ako kupac i dalje dobiva svoje točne podatke. Funkcionalne provjere opisane su u kontrolnom popisu za WooCommerce.
Hosting, baza i pozadinski poslovi
Ako poslužitelj kasno odgovara, velike slike možda nisu glavni problem. Treba provjeriti doseže li hosting ograničenja resursa, koji upiti dugo traju i izvršavaju li se u isto vrijeme zahtjevni uvozi ili izrada kopija.
Veći hosting paket ima smisla kada mjerenje pokaže da postojeći resursi ne zadovoljavaju potrebe. Loše napisan upit ili zaglavljenu integraciju bolje je prvo ispraviti jer će nepotrebno trošiti resurse i na jačem paketu.
Pri čišćenju baze napravite sigurnosnu kopiju i utvrdite kome pripadaju podaci. Brisanje nepoznatih tablica ili zapisa na temelju njihove veličine može oštetiti funkcionalnost.
Vanjske skripte, video i dodatni elementi
Chat, karte, video, društvene objave i marketinške skripte dodaju mrežne zahtjeve i posao pregledniku. Svaka od tih funkcija može biti korisna, ali provjerite treba li se učitavati baš na svakoj stranici.
Primjerice, video možete prikazati kao naslovnu sliku koja učitava player nakon klika. Kartu smjestite na kontakt, a nepotrebne duplikate mjernih skripti uklonite nakon provjere. Mjerite učinak svake promjene i provjerite rade li preostale funkcije.
Praktičan redoslijed za ubrzavanje stranice
- Zabilježite problem, URL i početno mjerenje.
- Napravite kopiju i pripremite probno okruženje za rizičnije izmjene.
- Odaberite najveći potvrđeni uzrok, primjerice preveliku glavnu sliku.
- Primijenite jednu promjenu i ponovite mjerenje u usporedivim uvjetima.
- Provjerite izgled, obrasce i kupnju prije primjene na javnoj stranici.
- Pratite rezultat i nakon objave, uključujući podatke stvarnih korisnika.
Cilj je da posjetitelj brzo dođe do sadržaja i dovrši radnju. Lov na savršenu laboratorijsku ocjenu nema smisla ako izmjena pokvari izbornik ili naplatu.
Česta pitanja o sporom WordPressu
Može li dodatak za optimizaciju riješiti sve
Može pomoći kod određenih uzroka, primjerice predmemorije ili obrade datoteka. Ne može sam popraviti svaki spor upit, problem vanjskog servisa ili nedostatak poslužiteljskih resursa.
Zašto je rezultat svaki put malo drukčiji
Uvjeti mjerenja i opterećenje mogu varirati. Ponovite test više puta i uspoređujte rezultate pod sličnim uvjetima. Jedan posebno dobar ili loš rezultat nije dovoljno čvrst zaključak.
Hoće li brži web automatski biti prvi na Googleu
Ne. Brzina pomaže korisničkom iskustvu, ali sama po sebi ne jamči poziciju. Sadržaj i njegova relevantnost i dalje moraju odgovoriti na ono što osoba traži.
Trebate otkriti što usporava vaš WordPress
Pošaljite nam URL i opis gdje primjećujete usporavanje. Možemo pregledati problem i predložiti zahvate prema očekivanom učinku. Redovite provjere performansi mogu se uključiti u dogovoreni plan održavanja web stranice.
