Svet digitala, Web

Kako do ubrzanja WordPress sajta

Radeći poslednja dva tri meseca na WordPress sajtovima svog klijenta shvatio sam koliko je bitno uložiti vreme u optimizaciju brzine sajta kao i njegovih performansi.

Svaka kupljena WordPress tema donosi neke svoje benefite, ali postoje i neke mane. Na primer, WP tema je optimizovana oko 50% po informacijama koje možemo da dobijemo sa sajta PageSpeed, Google-ovog servisa za proveru brzine i performanse sajta, kao i GTmetrix, koji ima istu funkciju.  

Ovo znači da moramo da radimo na optimizaciji WordPress sajta, koristeći određene tehnike i alate.

Da bi bolje razumeli zašto je ovo sve potrebno, krenućemo od osnovnih stvari kada su u pitanju WordPress performanse.

 

Prvo, zašto je brzina bitna za vaš WP sajt?

Studije pokazuju da je od 2000. godine pa do danas, nivo pažne čoveka pao sa 12 sekundi na 7 sekundi. Šta to znači za vas kao vlasnike sajta/bloga?

Imate veoma malo vremena da pokažete vaš sadržaj posetiocu i da ih ubedite da ostanu na vašem sajtu. Spor sajt znači da će posetioc verovatno otići sa njega pre nego što se učita u potpunosti.

 

Drugo, šta usporava vaš WP sajt?

Ako pokrenete neki od navedenih alata za proveru brzine i performansi dobićete listu unapređenja za sajt, ali uglavnom tu listu ne mogu baš svi da razumeju. Ovo se odnosi na početnike u WordPress-u i one koji nemaju nikakvog iskustva u kodiranju.

Međutim, razumevanje ovog problema je ključ uspeha u unapređenju brzine i perfomansi sajta. Neki od uzroka ovog problema su:

  • Web Hosting – ukoliko vaš web hosting nije dobro podešen, može da vam napravi problem. Većina hosting provajdera izlazi u susret kada su u pitanju ovakvi problemi pa im se možete obratiti za pomoć.
  • WordPresss podešavanja – ovo je jedan od problema sa kojim ćemo se zanimati u ovom tekstu. Loše podešen WP može znatno da uspori sajt.
  • Veličina stranica – postoje osnovne stvari kada je u pitanju optimizacija stranica, a jedan od problema jesu fotografije koje nisu optimizovane za web i one usporavaju učitavanje stranice.
  • Dodaci (plugins) – dodaci koji nisu dobro napravljeni (iskodirani) ili nisu unapređeni na noviju verziju znaju da naprave problem i da značajno uspore sajt.
  • Dodatne skripte – prvenstveno mislim na skripte za reklame, fontove i slične stvari koje mogu da imaju velik uticaj na perfomanse samog sajta.

PageSpeed pedja.online

HOSTING

Kada je u pitanju hosting, moram da vam napomenem da je veoma bitno da odabere pravi. Oni koji se odlučuju za blog ili neki manji sajt biraju hosting pakete koji dele sa drugima (shared hosting), a uglavnom ti paketi su predviđeni za blog ili manji sajt (namenski WP paketi).

Veoma je bitno da se dobro informišete i zatražite preporuku od nekoga ko već koristi WP i ima neko iskustvo sa hosting provajderima. Ja koristim 2 domaća hosting provajdera dok klijent za kog radim koristi usluge hosting provajdera u Americi (GoDaddy i drugi).

 

WORDPRESS DODACI I PODEŠAVANJA

U ovih poslednjih 2 meseca uspeo sam da istestiram jako puno dodataka za ubrzanje WP sajta kao i za poboljšanje njegovih performansi. Svaki od tih pluginova ne zahteva poznavanje kodiranja niti zahteva od vas da budete ekspert u WP-u.

WordPress Caching Plugin

WordPress stranice su “dinamičke” stranice, što znači da se one kreiraju svaki put kada neko poseti vaš sajt. Da bi ubrzali ovaj proces postoje dodaci koji mogu da ubrzaju ceo proces oko kreiranja stranica, čak i do 5 puta.

O čemu se zapravo radi?

Umesto prolaženja kroz ceo proces generisanja iliti kreiranja svih stranica kada ih neko poseti, dodatak WP cache pravi kopiju stranice nakon prvog učitavanja a zatim svakom narednom korisniku pokazuje onu keširanu verziju stranice.

WP Page Caching

Kratak grafički prikaz kako to zaista izgleda u praksi.

E sad, ja mogu da vam izdvojim dva koja sam najviše i testirao u poslednje vreme, a to su:

  1. WP Super Cache i
  2. W3 Total Cache.

Postoje još mnogi ali su se ovi pokazali kao najbolje iskoriščeni u optimizaciji.

WordPress Image Optimization

Ukoliko ne želite sami da radite optimizaciju fotografija pre postavljanja na blog/sajt predlažem vam da istražite neki od dodataka za optimizaciju fotografja. Konkrento, ja sam testirao 2 dodatka – WP Smush i EWWW Image Optimizer, gde sam se na kraju odlučio za WP Smush. Uz njega ide još jedan dodatak koji će vam dobro doći u optimizaciji ostalih delova sajta, ali o tome u nastavku teksta.

WP Image Optimization plugin

Browser Caching, Minification & GZIP Compression

Za ove tri stvari možete da koristite jedan plugin koji se zove Hummingbird. Njega možete da iskoristite u free verziji i u premium verziji. Verzija koju ja koristim i koju sam testirao je besplatna verzija. Omogućava vam da kroz jedinstven pregled saznate koje stvari su potrebne da se unaprede, tj. na koji način ubrzati sajt sa strane WordPress-a i sa strane servera na kom se sajt nalazi.

BROWSER CACHING

Browser caching ubrzava vaš sajt tako što kreira kopiju sajta u pretraživaču posetioca, da ne moraju dva puta da preuzimaju isti sadržaj stranice koju posećuju.

Hummingbird vam dozvoljava da automatski, po datoj preporuci za unapređenje, podesite browser caching (keširanje internet pretraživača) ili da to odradite ručno, unošenjem koda u fajl .htaccess (ovo važi samo za Apache servere). Ukoliko ne znate kako ovo da odradite kontaktirajte hosting kompaniju kod koje se nalazi vaš sajt/blog da vam oni pomognu ili ostavite komentar ispod teksta pa ću vam pomoći oko datih unapređenja.

MINIFICATION

Uz ovu opciju možete da smanjite veličinu učitanih fajlova tako što će te ih kompresovati, a imate mogućnost da ih raspodelite da li će stojati u headeru ili footeru vašeg sajta. Ukoliko želite da koristite napredne opcije ovog dela, preporučujem da se konsultujete sa nekim ko razume strukturu WordPress-a, jer i najmanja greška može da vas košta. Pogrešan raspored fajlova može da dovede do pucanja strukture sajta pri minifikaciji.

GZIP COMPRESSION

Ova kompresija se odrađuje na serveru i potrebno je uključiti kako bi bila uspešna. Radi se pre slanja fajlova pretraživaču korisnika (radi se kompresija HTML, JavaScript i CSS fajlova). Ona drastično smanjujue vreme transfera fajlova. Postoje neki dodaci sa kojim možete proveriti da li je GZIP kompresija uključena na serveru a možete iskoristiti i online servis za proveru. Kroz Hummingbird dodatak možete da proverite na koje stvari je aktvna kompresija i na osnovu sugestije reagujete na unapređenje.

Hummingbird dashboard

VELIČINA STRANICA

Kada kreirate stranicu treba da obratite pažnju na dosta stvari, ali krenućemo od nekih osnovnih. Prvo, potrebno je optimizovati fotografije pre postavljanja na blog/sajt. Zatim, ako planirate da ubacujte i video, neka to bude video sa Youtube-a ili Vimeo servisa. Ne postavljajte direktno video na sajt/blog.

Ukoliko za početnu stranicu bloga/sajta koristite listu postova, iskoristite opciju Excerpts koju svaki blog post ima (proverite ovu opciju kada otvorite blog post u WP-u). To je skraćeni prikaz (opis posta) koji može da se prikaže na stranici sa listom postova. Na ovaj način nećete morati da učitate ceo sadržaj postova nego samo mali deo. Ovo je preporuka za početne stranice i arhive.

Svaki post možete da podelite na nekoliko delova, na nekoliko stranica. Možete da koristite prečicu sa tastature ALT+SHIFT+P ili da unesete tag u text editor (Text tab). Postavite kursor na mesto gde želite post da se podeli na dva dela i unesete tag.

 

DODACI (Plugins)

Na osnovu testiranja u poslednja 2 meseca zaključio sam da je nepotrebno imati puno dodataka (pluginova), jer većina nije optimizovana dobro. Odaberite one koje zaista koristite i koje će vam raditi posao. Sve nepotrebne dodatke obrišite sa bloga/sajta. Da bi proverili koliko koji dodatak uzima resursa postoji alat za to. U pitanju je dodatak pod nazivom P3 (Plugin Performance Profiler). P3 je napravio hosting provajder GoDaddy u cilju pružanja informacija o perfomansama dodataka koji su instalirani na WP platformu. Naravno postoje i drugi ali na vama je da odlučite koji ćete koristiti.

 

DODATNE SKRIPTE

Alati kao što su Google Analytics, Google Maps, Twitter widgets i dodatni fontovi imaju svoje skripte koje moraju da se upotrebe na sajtu da bi sve to funkcioniosalo i da bi sve radilo kako treba. Međutim, te skripte ne možete da optimizujete niti se preporučuje minifikaciju. Kada se uradi analiza performansi i brzine sajta videćete te skripte u delu za unapređenje. Jedan od načina jeste da se te skripte promene i upotrebe one asinhrone ili da se iskoristi opcija da se odloži njihovo učitavanje do potpunog učitavanja sajta/bloga. Na kraju, ukoliko ne uspete da ih rešite, one neće štetiti brzini i performansama vašeg sajta/bloga.

Naravno, sve ovo neće imati uticaja ako vaš sadržaj nije kreiran kako treba i ako niste pronašli vašu ciljanu publiku niti tržište. Ukoliko želite da unapredite performanse i brzinu vašeg sajta/bloga iskoristite ove savete i onda se posvetite kreiranju kvalitetnog sadržaja.

Ukoliko imate dodatnih pitanja, budite slobodni pa ostavite komentar ispod tekst ovog posta.