Brz sajt se ne pravi gomilom dodataka za ubrzavanje, nego time što na sajtu ima samo ono što mu zaista treba. Svaki dodatak, font, skripta i velika slika dodaju malo vremena, a zbir tih „malo“ je razlika između sajta koji se otvori odmah i sajta koji posetilac napusti pre nego što se učita. U ovom vodiču idemo redom: kako da izmerite brzinu, šta najviše usporava WordPress i šta da uradite, bez komplikovanih podešavanja.
Zašto je brzina važna
Posetilac sa telefona čeka nekoliko sekundi, pa odlazi. Google meri isto što i posetilac i koristi to kao jedan od signala za rangiranje. Tri merila koja se najčešće pominju su:
- LCP: koliko brzo se pojavi glavni sadržaj stranice, obično najveća slika ili naslov;
- INP: koliko brzo stranica reaguje kada posetilac nešto klikne ili ukuca;
- CLS: koliko se stranica pomera dok se učitava, na primer kada slika gurne tekst nadole.
Kako da izmerite brzinu
Otvorite PageSpeed Insights, upišite adresu stranice i gledajte rezultat za telefon, jer je on strožiji i jer većina posetilaca dolazi sa telefona. Izmerite početnu stranu, jednu običnu stranu i, ako imate prodavnicu, stranu proizvoda.
Ne jurite broj 100. Važnije je da su tri merila zelena i da sajt deluje brzo kada ga sami otvorite na telefonu, preko mobilnog interneta. Posle svake izmene merite ponovo, da biste znali šta je pomoglo.
1. Manje dodataka, lakša tema
Svaki dodatak može da učita svoj CSS i JavaScript na svakoj strani, čak i kada se na toj strani ne koristi. Prođite kroz spisak dodataka i za svaki se zapitajte: da li ga zaista koristim i da li to može da uradi tema ili WordPress sam?
- Izaberite laku temu i koristite njene mogućnosti umesto posebnih dodataka za svaku sitnicu.
- Graditelji stranica donose mnogo koda. Uređivač blokova u WordPress-u danas može skoro sve što treba običnom sajtu.
- Jedan dodatak za jednu namenu: jedna forma, jedan keš, jedan SEO alat, ne po dva.
- Isključene dodatke koje ne planirate da koristite obrišite.
Primer: ovaj sajt sa prodavnicom radi sa temom Blocksy, WooCommerce-om, jednim dodatkom za slanje mejlova, jednim za forme i sopstvenim NikolicWP dodacima. Bez graditelja stranica i bez dodataka „za svaki slučaj“.
2. Hosting i PHP
Nijedno podešavanje ne može da nadoknadi spor server. Proverite kod hostinga da sajt radi na novoj verziji PHP-a (8.x), da je uključen OPcache i da server ima keš za stranice. Ako se administracija otvara sporo i bez ijednog posetioca, problem je najčešće u hostingu ili u nekom dodatku, a ne u slikama.
3. Keš stranica, ali samo jedan
Keš čuva gotovu stranicu, pa server ne mora da je pravi ispočetka za svakog posetioca. To je najveće pojedinačno ubrzanje za većinu sajtova. Pravila su jednostavna:
- Koristite jedan keš: onaj koji nudi hosting ili jedan dodatak. Dva keša jedan preko drugog prave probleme, a ne brzinu.
- Korpa, plaćanje i nalog se ne keširaju. Dobri dodaci za keš to znaju sami, ali proverite.
- Opcije kao „odloži JavaScript“ i „spoji fajlove“ uključujte jednu po jednu i posle svake proverite sajt, jer mogu da pokvare dugmad, forme i korpu.
4. Slike
- Prava veličina: fotografija sa telefona od 4000 piksela nema šta da traži u tekstu širokom 800 piksela. Smanjite je pre otpremanja.
- Savremeni format: WebP ili AVIF su višestruko manji od JPG-a i PNG-a, uz isti izgled.
- Odloženo učitavanje: WordPress sam učitava slike ispod ekrana tek kada posetilac stigne do njih. Prva velika slika na vrhu ne treba da se odlaže.
- Dimenzije u kodu: slika sa upisanom širinom i visinom čuva svoje mesto, pa tekst ne skače dok se učitava.
5. Fontovi
Fontovi su često skriveni uzrok sporosti i pomeranja teksta. Koristite jednu, najviše dve porodice fontova i samo debljine koje vam zaista trebaju. Učitavajte ih sa svog sajta, a ne sa tuđeg servera: brže je i ne šalje adrese posetilaca trećoj strani.
Za sajt na srpskom font mora da ima i ćirilicu i latinična slova č, ć, š, ž i đ. Ako ih nema, pregledač ta slova crta drugim fontom, pa reči izgledaju šareno i tekst se pomera kada se font učita.
6. Spoljne skripte
Prozori za ćaskanje, pikseli za oglase, mape i ugrađeni video snimci učitavaju kod sa drugih servera, često više nego ceo vaš sajt. Ostavite samo ono što koristite. Mape i video snimke možete prikazati kao sliku koja se pretvara u pravu mapu ili video tek na klik, a skripte za merenje i oglase ionako se pokreću tek kada posetilac pristane na kolačiće.
Šta ne raditi
- Ne instalirajte više dodataka za ubrzavanje odjednom. Rade iste stvari i smetaju jedni drugima.
- Ne uključujte sva podešavanja „za brzinu“ odjednom. Kada nešto prestane da radi, nećete znati zbog čega.
- Ne sakrivajte sporost ekranom za učitavanje. On ne ubrzava sajt, o tome smo pisali u članku o ekranu za učitavanje.
- Ne merite samo na računaru, na brzoj vezi. Vaši posetioci su na telefonu.
Kako su napravljeni NikolicWP dodaci
Svaki NikolicWP dodatak pravimo tako da ne opterećuje sajt. NikolicWP Pismo menja slova u gotovoj strani za nekoliko milisekundi, a strane iz keša ne usporava uopšte. NikolicWP Asistent učitava jednu malu skriptu i jedan stil, bez jQuery-ja. NikolicWP Zavesa ima skriptu od oko 3 KB i sama se izuzima iz odlaganja JavaScript-a kod poznatih dodataka za brzinu. Podešavanja su na srpskom i svako ima preporučenu vrednost, pa ništa ne morate da pogađate.
Česta pitanja
Koliko dodataka je previše?
Ne postoji tačan broj. Jedan loše napravljen dodatak može da uspori sajt više od deset dobrih. Važno je da svaki ima svoju namenu i da ga stvarno koristite.
Da li mi treba CDN?
Za sajt čiji su posetioci uglavnom u Srbiji, a server je blizu, obično ne. CDN pomaže kada posetioci dolaze iz celog sveta ili kada sajt ima mnogo velikih fajlova.
Da li keš smeta prodavnici?
Ne, ako korpa, plaćanje i nalog nisu keširani. Ostale strane prodavnice, kao proizvodi i kategorije, keširaju se bez problema.
Odakle da počnem?
Izmerite sajt, obrišite dodatke koje ne koristite, uključite jedan keš i smanjite najveće slike. Ta tri koraka obično donesu najviše.
Ukratko: brz WordPress sajt je pre svega uredan sajt. Laka tema, malo dodataka sa jasnom namenom, jedan keš, slike prave veličine, jedan ili dva fonta sa svim slovima i samo spoljne skripte koje koristite. Merite pre i posle svake izmene, na telefonu.
