Kako ubrzati WordPress stranicu bez koda: deset koraka po redu

WordPress stranicu možete osjetno ubrzati bez ijednog retka koda: novijom verzijom PHP-a u kontrolnoj ploči hostinga, uklanjanjem pluginova koje ne koristite, jednim dobro podešenim pluginom za cache, slikama u formatu WebP i odgodom skripti koje ne trebaju odmah. Redoslijed je važan, jer neki koraci bez prethodnih ne daju rezultat ili čak štete.

Ovo je vodič korak po korak za vlasnike koji stranicu uređuju sami. Ako vas zanima zašto WordPress uopće usporava, to smo objasnili u zasebnom članku zašto WordPress stranica usporava. Ovdje se bavimo samo time što napraviti.

Prije početka: mjerenje i kopija

1. Izmjerite. Upišite adresu naslovnice i jedne važne podstranice u PageSpeed Insights. Zapišite LCP, INP i CLS iz gornjeg dijela, s podacima stvarnih korisnika, i ocjenu za mobitel. Što te brojke znače, objasnili smo u članku o Core Web Vitals.
2. Napravite potpunu sigurnosnu kopiju datoteka i baze, kroz hosting ili plugin za kopije. Provjerite da je kopija stvarno spremljena.
3. Ako možete, radite na probnoj kopiji stranice. Mnogi hostinzi nude probno okruženje jednim klikom.

Deset koraka po redu

PHP i hosting

PHP je jezik u kojem radi WordPress. Novije verzije su brže i sigurnije, a promjena je obično jedan izbornik u kontrolnoj ploči hostinga, poput „Select PHP Version” ili „MultiPHP Manager” u cPanelu.

• WordPress preporučuje PHP 8.3 ili noviji.
• Prije promjene ažurirajte WordPress, temu i pluginove. Stari pluginovi ponekad ne rade na novom PHP-u.
• Nakon promjene prođite stranicu: naslovnicu, obrasce, košaricu. Ako nešto ne radi, vratite prethodnu verziju i potražite plugin koji pravi problem.

Ako je i nakon ovoga odziv poslužitelja stalno iznad 0,8 sekundi, problem može biti u hostingu. Kako to provjeriti, opisali smo u vodiču koji hosting odabrati.

Pluginovi

Svaki plugin može učitavati svoje datoteke na svakoj stranici. Uklanjanje onih koje ne koristite najčešće donosi više od bilo kakve optimizacije.

1. Napravite popis svih pluginova i uz svaki napišite čemu služi.
2. Deaktivirajte i obrišite one koje ne koristite.
3. Ako dva plugina rade isto, na primjer dva za SEO ili dva za obrasce, zadržite jedan.
4. Za plugin koji treba samo na jednoj stranici, poput galerije ili kalkulatora, provjerite ima li u postavkama opciju učitavanja samo ondje gdje se koristi.

Cache

Plugin za cache sprema gotove stranice, pa ih poslužitelj ne mora sastavljati iznova za svakog posjetitelja. To najviše skraćuje odziv poslužitelja.

• Jedan plugin. Ako je vaš hosting na LiteSpeed poslužitelju, koristite LiteSpeed Cache. Inače odaberite jedan od poznatih pluginova za cache. Dva plugina za cache istodobno gotovo uvijek stvaraju probleme.
• Krenite od osnovnih postavki: cache stranica i kompresija. Spajanje i smanjivanje datoteka uključujte jedno po jedno, uz provjeru stranice nakon svakog.
• Izuzmite košaricu, blagajnu, račun korisnika i stranice s obrascima ako nakon uključivanja javljaju greške.

Slike i odgođeno učitavanje

• WebP ili AVIF. Plugin za optimizaciju slika može postojeće slike pretvoriti u WebP, uz manju datoteku i isti izgled.
• Prave dimenzije. Slika od 4.000 piksela prikazana u okviru od 800 piksela trošenje je podataka. Prije učitavanja smanjite fotografije na najviše 2.000 piksela širine.
• Odgođeno učitavanje za slike niže na stranici. WordPress od verzije 5.5 to radi sam za slike u sadržaju.
• Glavna slika na vrhu bez odgođenog učitavanja. O njoj ovisi LCP. WordPress od verzije 6.3 sam označava sliku za koju procijeni da je glavna kako bi se učitala prioritetno, ali page builderi i slideri to često zaobiđu. Provjerite u PageSpeed Insightsu koji je element LCP i da nije odgođen.
• Page builderi. Elementor i slični imaju u postavkama opcije za optimizirano učitavanje slika i pozadina. Nazivi se mijenjaju s verzijama, pa ih potražite u postavkama izvedbe.

Skripte trećih strana

Chat, karte, ugrađeni videi, pikseli društvenih mreža i alati za analitiku učitavaju svoje skripte s tuđih poslužitelja. Često su najveći uzrok lošeg INP-a, jer zauzmu preglednik upravo kada korisnik prvi put dodirne stranicu.

• Odgodite ih do prve interakcije. Većina pluginova za optimizaciju ima opciju odgode JavaScripta. Na našoj stranici Google Tag Manager učitava se tek nakon prve interakcije posjetitelja.
• Kartu i video učitajte na klik. Umjesto ugrađene karte prikažite sliku ili okvir s natpisom, a kartu učitajte kada je netko želi. Tako smo napravili na našoj stranici kontakta.
• Izbacite što ne koristite. Piksel za oglase koje više ne vodite i stari alat za analitiku i dalje se učitavaju.
• Analitika uz privolu. Kada se skripte za mjerenje učitavaju tek nakon privole, stranica je i brža i usklađena s pravilima. Više u vodiču o kolačićima i Consent Modeu.

Ako su posjetitelji iz više zemalja, sljedeći korak je CDN. Kada ima smisla i kako ga postaviti, opisali smo u vodiču kako koristiti CDN na WordPressu.

Što ne raditi

• Više pluginova za optimizaciju istodobno.
• Uključivanje svih opcija odjednom, bez provjere stranice između.
• Optimizacija bez sigurnosne kopije.
• Praćenje samo ocjene u PageSpeedu umjesto podataka stvarnih korisnika.
• Kupnja jačeg hostinga prije nego što se uklone suvišni pluginovi.

Česta pitanja

Koliko se stranica može ubrzati bez koda?

Ovisi o polaznom stanju. Stranica s trideset pluginova, starim PHP-om i fotografijama izravno s mobitela može se ubrzati jako. Stranica koja je već uredna dobit će manje. Ako je problem u temi ili page builderu, bez koda se može doći samo do određene granice.

Kako znam da je bolje?

Laboratorijski rezultat u PageSpeed Insightsu promijeni se odmah. Podaci stvarnih korisnika prikazuju prosjek zadnjih 28 dana, pa se promjena u njima vidi kroz tri do četiri tjedna.

Je li bolje platiti plugin za optimizaciju?

Plaćeni pluginovi često imaju jednostavnije postavke i bolju podršku, ali besplatni mogu postići isto. Važnije je da imate jedan plugin i da ga podesite pažljivo.

Kada se više ne isplati krpati?

Kada optimizacija traje danima svakih nekoliko mjeseci, a stranica i dalje ne prolazi Core Web Vitals na mobitelu. Tada je vrijeme za izračun cijene nove stranice. Usporedbu smo napravili u članku WordPress ili kodirano.