KronDesign | Vodič za početnike: Ubrzavanje sajta (deo VI)

Tekst napisao/la Jelena Kovač

Poglavlje 6: Kako poboljšati brzinu sajta?

Sajberspejs kao i stvarni fizički svet – je stanje kontinuirane promene i evolucije. Promena je jedini konzistentan proces kako u realnom tako i u sajber svetu. Opstanak zavisi od toga koliko se dobro prilagođavate na različite okolnosti.

Isto to važi i za vlasnike sajtova koje se takmiče za uspeh na poslovnom online tržištu.

Optimizacija slike
Opšte pravilo je da većim datotekama treba duže za preuzimanje nego manjim fajlovima. Vreme skidanja sa sajta zavisi od veličine sadržaja koji se preuzima. Visokokvalitetne slike degradiraju brzinu stranice i nerviraju posetioce koji nestrpljivo čekaju da se stranica učita.

Prema HTTP arhivu, od decembra 2017. godine slike čine prosečno 66% ukupne težine stranice. Načini kojima možete smanjiti negativan uticaj slike na brzinu stranice:

Izbor formata: Koristite JPG format kada je kvalitet visokog prioriteta. Za slike sa ikonama, logotipovima, ilustracijama, znakovima i tekstovima koristite PNG format. Koristite GIF samo za male ili jednostavne slike i izbegavajte BMP ili TIFF.
Pravilno određivanje veličine: Prilagodite slike podešavanjem fiksne širine i visine.
Kompresija: Kompresija slike treba da bude zamišljena razmena između veličine i kvaliteta slike. Za JPG kompresija od 60-70% je dobro rešenje.
Manje slika: broj slika treba da bude na apsolutnom minimumu.

WordPress rešenja:

Iskoristite dodatke za optimizaciju slike kao što su Imagify, ShortPixel Image Optimizer, Optimus WordPress Image Optimizer, WP Smush, TinyPNG, EWWW Image Optimizer Cloud.

2. Optimizacija CSS koda i isporuke

Savremeni sajtovi kodirani u CSS-u su se dobro pokazali pri preuzimanju sadržaja sa servera. Navedeni načini obezbeđuju optimizaciju brzine CSS:

Skraćivanje kodova: Manje linija koda znači manje obrade i efikasniju isporuku datoteka.
Smanjite CSS: Lagan i kompaktan kod ubrzava preuzimanje, analizu i izvršavanje.
Pozicioniranje kodova: Učitajte CSS kod unutar <head> i JavaScript unutar tela, pošto se referenca CSS izvan ovog odeljka sprečava da pregledači prikazuju CSS sadržaj odmah nakon preuzimanja.

Najbolje prakse CSS isporuke:

Ne koristite @import poziv.
Uklonite neiskorišteni CSS.
Nemojte koristiti CSS u HTML kao što su oznake H1 i DIV.
Koristite mali CSS.

WordPress rešenja:

Alati kao što su Autoptimize, WP Rocket, Cache Enabler, CloudFlare CDN i V3 Total Cache su neki od najpopularnijih.

Minimalizacija – JavaScript, CSS, HTML
Optimizacija brzine nije (samo) oko smanjenja veličine stranice. Smanjenje broja zahteva klijent-server prilikom dostavljanja sadržaja na pregledače je sastavni deo optimizacije brzine sajta.

Google preporučuje minimalizaciju svih JavaScript-a fajlova koji su preko 4096 bajtova.

Minimiziranje CSS-a, JavaScript-a i HTML-a ima zajedničke pogodnosti: smanjenu latenciju mreže, manje HTML zahteva, poboljšanu kompresiju, brže preuzimanje povećavajući brzinu stranice.

Plugins – Manje je više!

Dodatna funkcionalnost sajta sa pluginima dolazi po ceni degradacija performansi. Vebmasteri dodaju mnoštvo plugina kako bi dobili atraktivne ali često nepotrebne funkcije.

Četiri glavna područja za biranje dodataka su:

Da li vrši složene operacije?
Da li pušta mnogo sadržaja i skripta sadržaja?
Da li povećava broj upita za bazu podataka na svaki zahtev za stranicu?
Da li izvršava zahteve za eksterne API-jeve?
Ako je odgovor na sva ova pitanja DA, vaša reakcija na taj plugin treba da bude ogromna NE!

Koliko plaginova je previše?

Ograničenja su jedinstvena za svaku veb lokaciju i dodatak. Mnogi stručnjaci za WordPress preporučuju da ne koristite previše plugina.

Korišćenje 10 plugina za jednostavne i jedinstvene zadatke je mnogo bolje od primene jednog dodatka za obavljanje svih složenih zadataka. Izuzeci uključuju visokokvalitetne dodatke kao što su Yoast WordPress SEO Plugin, All In One SEO Pack i slično.

WordPress rešenja:

Koristite sledeća rešenja da biste proverili performanse WordPress plugina:

NewRelic
Query Monitor

Optimizujte baze podataka

WordPress CMS čuva postove, komentare, stranice i druge oblike tekstualnih i šifrovanih podataka u okviru jedne baze podataka – osim slika i video zapisa koji se nalaze u folderu ‘wp_content’. Ova baza podataka se vremenom prepuni smećem.

Sadržaj smeća uključuje:

Komentari u spamu
Neodobreni komentari
Revizije posta
Uklonjene stavke kao što su poruke i stranice

WordPress rešenja:

Ograničite, onemogućite i izbrišite post revizije.
Automatski čistite smeće dodavanjem sledećeg koda u datoteku wp-config.php:
define (‘EMPTY_TRASH_DAYS’, 10);
10 je broj dana pre nego što se podaci o smeću automatski brišu. Promenite po potrebi.

Kompresija
Iako većina najnovijih pregledača podržava mogućnosti kompresije sadržaja, ne isporučuje svaka stranica kompresovan sadržaj.

Većina problema leži u načinu komunikacije klijent-server u HTML svetu.

Google preporučuje sledeće taktike kompresije da bi efikasno isporučili sadržaj sajta:

Minimiziranje JavaScript-a, HTML-a i CSS-a
Obezbedite konzistentnost u CSS i HTML kodu
Omogućite GZIP kompresiju.

WordPress rešenja:

Omogućite GZIP kompresiju koristeći W3 Total Cache plugin.
Najbolji način za omogućavanje GZIP kompresije je na nivou servera Apache ili Nginx.

Cache

Programeri teže jednostavnosti kod dizajna sajta.

Dodavanjem prevelikih spoljnih petlji i nepotrebnih linija koda povećava se broj prikaza stranica za nekoliko milisekundi.

Vebmasteri mogu smanjiti ove vremenske reakcije dostavljanjem keširanih kopija traženog sadržaja umesto da ga više puta ponavljaju kao odgovor na svaki korisnički zahtev koji pinguje njihov server.

Vlasnici sajtova mogu omogućiti keširanje sa sledećim dodacima i konfiguracijama kada hosting provajderi ne pružaju caching na serveru:

W3 Total Cache
Cache Enabler
WP Rocket
FastCGI keš za Nginx i Drupal servere.

Mreže za dostavljanje sadržaja (CDN)
CDN se sastoji iz mreže servera koji hostuju keširane kopije stranica. Internet posetioci koji traže informacije usmeravaju se na najbliži server na osnovu njihove geografske lokacije.

Prebacite se na Managed Hosting!
WordPress je demokratizovao veb tako što je građanima sajber sveta omogućio kreiranje blogova i lansiranje proizvoda i usluga na mreži uz minimalne investicije. Vlasnici sajtova koriste jednu od sledećih serverskih usluga kako bi održali svoje sajtove:

Besplatan hosting: omiljen hobistima.
Zajednički hosting: omiljeni osobama sa online biznisom po najnižoj ceni.
Namenski ili upravljani hosting: Favorit ozbiljnim pojedincima i malim i srednjim preduzećima.
Kolociran hosting: Omiljen velikim preduzećima ili vladinim institucijama sa IT timovima za upravljanje sajtovima.

WordPress je brži sa PHP-om 7
Sledeći benčmarkovi pokazuju značajna unapređenja performansi sa PHP 7 u odnosu na prethodne. PHP 7 dozvoljava sistemu da izvrši dvostruko više zahteva u sekundi u poređenju sa PHP 5.6.