Kao korisnik, svako od nas se susreo sa situacijom da pokuša da učita stranicu na kojoj traži nešto zanimljivo ili važno za sebe. Dugo čekanje nas nervira i zatvaramo stranicu jer se učitava previše sporo. Za prosečnog korisnika, to je samo napuštanje stranice koju verovatno više neće ciljano posetiti. Za vlasnika sajta, to je problem, jer na taj način gubi publiku, pratioce ili klijente. To je neprijatno, nepoželjno i ponekad frustrirajuće.
U onome što ću opisati, pokušaću da obuhvatim razloge zbog kojih se jedan sajt sporo učitava.
Naš tim, koji radi na pitanjima klijenata u vezi sa sporim učitavanjem, svakodnevno radi priličan broj analiza razloga zbog kojih se neka stranica ne učitava u skladu sa očekivanjima njenog vlasnika.
Formiranje tima za pomoć kod sporih sajtova odgovor je na svakodnevne upite naših klijenata. Cilj nam je da možemo da pružimo pomoć kroz analizu, korekcije i smernice. Naš osnovni cilj je da se stranice sajta učitavaju u skladu sa očekivanjima klijenta, kao i posetilaca.
Naša provera
Šta radimo kada od našeg klijenta dobijemo upit u vezi sa usporenim učitavanjem sajta?
Prvi koraci u našoj proveri su:
- Provera servera na kojem se nalazi hosting nalog.
- Provera stanja hosting naloga.
- Provera i na nivou web aplikacije.
Opšti stav kada neki sajt počne sporo da se učitava jeste da je uzrok u hosting serveru. Ali, nažalost, najčešće nije tako. Kažem „nažalost“ zato što bismo, ukoliko bi problem bio na serveru, mogli da uradimo sve što je potrebno kako bi problem bio rešen što je što pre moguće.
Glavni razlozi za sporo učitavanje sajta povezani su sa web aplikacijom.
Nije lako napraviti precizan obrazac koji bi pokazao koji mogu biti glavni uzroci. Svaki sistem sajta je jedinstven i ima svoje specifičnosti.
Najčešći razlozi za usporavanje su:
1. Neoptimizovane slike i medijski sadržaj
Slike i video sadržaj koji se koriste prilikom izrade stranica jedan su od najčešćih razloga za ovakvo negativno ponašanje. Veličina i format ovih fajlova od velikog su značaja za brzinu učitavanja stranice, naročito kada se pristupa sa uređaja koji ima sporiju internet vezu ili sa mobilnog uređaja.
Preporuke za optimizaciju koje najčešće dajemo:
- Promena formata slika
Koristite lakše i brže formate kao što je WebP, umesto JPEG-a ili PNG-a. Većina web aplikacija ima razvijene dodatke (plug-inove) namenjene upravo tome, koji ovu konverziju obavljaju automatski. Ako za vašu web aplikaciju ne postoji takav dodatak, vaš programer može to da uradi za vas.
- Kompresija slika
Kompresujte slike bez vidljivog gubitka kvaliteta. Ovo obavlja vaš programer tokom izrade stranice. Kompresovanje slika doprinosi bržem učitavanju stranica.
- Dimenzije i rezolucija slika
Dimenzije slika treba da budu prilagođene veličini ekrana uređaja sa kojeg će se pristupati sajtu, kao i zahtevima same izrade. Responzivnim dizajnom (dizajnom prilagođenim ekranu – prim. prev.) nastoji se da se sajt prilagodi različitim vrstama ekrana. Ova prilagodljivost se postiže tako što se ista slika prikazuje u različitim veličinama.
Efikasnija varijanta je da sve potrebne varijacije slike budu unapred kreirane u odgovarajućim dimenzijama, umesto da se slika tokom učitavanja naknadno menja po veličini kako bi se prilagodila ekranu.
Ako se na malom ekranu preuzima slika visoke rezolucije, a zatim se tokom učitavanja izrezuje ili smanjuje, to može dovesti do usporavanja. Razlog je dodatno vreme potrebno za preuzimanje slike i njenu obradu pomoću skripte.
- Optimizacija teme
Izgled je važan, ali lepa tema nije uvek i pravilno optimizovana. Ono što preporučujemo jeste:
Ako koristite gotove teme, birajte proverene i etablirane teme koje nude i sopstvenu podršku, jer su njihovi programeri najbolje upoznati sa problemima koji mogu nastati usled konflikta sa njihovim proizvodom.
Proverene teme imaju dugoročnu podršku, što znači da će, bez obzira na to koju web aplikaciju koristite, tema vremenom dobijati ažuriranja. Takođe, biće kompatibilna sa novim verzijama sistema vašeg sajta.
Iza ovakvih tema stoje timovi programera koji su sproveli potrebnu optimizaciju kako tema ne bi dovodila do usporavanja vaše stranice.
2. Neoptimizovani skriptovi
Važnu ulogu u dinamici i stilizovanju vašeg sajta imaju JavaScript i CSS skriptovi. Ako nisu optimizovani, to će dovesti do usporavanja koje može biti veoma primetno.
Kako to možemo da rešimo:
- Minifikacija koda
Smanjite veličinu JavaScript i CSS fajlova uklanjanjem nepotrebnih komentara u kodu, kao i suvišnih razmaka.
- Objedinjavanje koda u fajlove
Objedinite više CSS ili JavaScript fajlova u jedan, kako biste smanjili broj HTTP zahteva koji se izvršavaju prilikom učitavanja sajta.
- Asinhrono ili odloženo učitavanje skriptova
Učitavajte JavaScript fajlove asinhrono (pomoću atributa async ili defer), kako ne biste blokirali renderovanje (prikazivanje) stranice.
3. Veliki broj HTTP zahteva
Prilikom svakog učitavanja stranice, pregledač šalje HTTP zahteve web serveru za svaku sliku, CSS, JavaScript fajl i druge resurse. Ako stranica sadrži veliki broj elemenata, broj zahteva može postati prevelik, što usporava učitavanje.
Kako možemo da optimizujemo:
- Smanjite broj elemenata
Smanjite broj slika, fontova i drugih resursa koji se učitavaju na jednoj stranici.
- Keširanje resursa
Keširanje je veoma važno kada je u pitanju učitavanje stranice. Ako vaš sajt nema integrisano keširanje, zatražite od svog programera da vam pomogne oko njegove implementacije, kao i podešavanja, tako da se resursi koji se ponavljaju ne učitavaju ponovo prilikom svake posete.
Imajte na umu da će se na ovaj način smanjiti opterećenje hosting naloga.
- Odloženo učitavanje slika – Lazy Load
Odložite učitavanje slika na stranici sve dok posetilac ne dođe do dela stranice u kojem se one nalaze. Kod stranica sa velikim brojem velikih slika, na ovaj način ćete značajno smanjiti ukupnu veličinu stranice i broj HTTP zahteva, a učitavanje će biti primetno brže.
4. Izbor hosting paketa u skladu sa potrebama vašeg sajta
Od velike je važnosti da se prilikom izrade web stranice napravi odgovarajući izbor hosting paketa. Najbolje je da bude usklađen sa zahtevima aplikacije. Čak i ako hosting paket pruža više resursa nego što očekujete da ćete potrošiti, upravo ta dodatna rezerva može vam obezbediti bezbrižnost u slučaju privremenog povećanja saobraćaja, odnosno broja posetilaca.
5. Neoptimizovane baze podataka
Jedan od najčešćih problema povezan je sa sporim radom baze podataka. Kada baza podataka nije optimizovana ili upiti nisu pravilno napisani, to može dovesti do značajnog usporavanja učitavanja stranica, što na kraju utiče na korisničko iskustvo.
Važno je najpre utvrditi izvor sporog upita, a zatim i način na koji ga možete poboljšati.
Kako sprovesti optimizaciju:
- Korišćenje indeksa
Dodavanje indeksa na često korišćene kolone u bazi podataka može ubrzati izvršavanje upita. Preporučljivo je da ovo uradi vaše tehničko lice koje je upoznato sa primenom ovakvih izmena.
- Optimizacija SQL upita
Pišite efikasnije SQL upite koji smanjuju opterećenje servera i broj potrebnih preuzimanja podataka iz baze. U nemalom broju slučajeva ovakvi neoptimizovani upiti povezani su i sa podešavanjima same aplikacije.
Na primer, kod jedne online prodavnice, ako je na stranicama proizvoda prikazana kolona sa kategorijama i ako je omogućeno izlistavanje proizvoda po kategorijama, to može dovesti do primetnog usporavanja. Napominjem da poslednjih godina sve manje programera koristi ovu funkcionalnost upravo kako bi se izbeglo usporavanje.
6. Neoptimizovan kod
Loše strukturiran HTML ili CSS kod može otežati obradu stranice i usporiti njeno učitavanje. Pregledajte kod i uklonite nepotrebne elemente, kao što su suvišne klase, ID-jevi ili stilizacije koje mogu biti uklonjene.
7. Oglasne mreže i eksterni resursi
Oglasi na stranici, fontovi koji se koriste, kao i eksterni resursi koji se učitavaju sa servera trećih strana, često mogu biti izvor usporavanja. Kao primer mogu navesti video koji se učitava na početnoj stranici, a postavljen je na server drugog provajdera. Stranica na kojoj se nalazi video učitaće se u potpunosti tek kada on bude u potpunosti preuzet kao resurs.
Ako server na kojem se nalazi video ima problem, njegovo preuzimanje će biti sporo, pa se samim tim ni stranica neće učitavati optimalno.
Kako to možete izbeći:
- Uklanjanje nepotrebnih oglasa sa stranice
Ograničite korišćenje prevelikog broja oglasnih mreža ili sadržaja koji se učitava sa servisa trećih strana. Na taj način ćete smanjiti mogućnost nastanka problema koji se ne može brzo rešiti i koji ne zavisi ni od vas ni od nas.
- Korišćenje lokalnih resursa
Kada je moguće, hostujte fontove ili druge eksterne resurse na svom hosting nalogu kako biste izbegli usporavanja koja dolaze od eksternih izvora zbog problema sa njihovim servisima.
Spor sajt nije samo neprijatnost za korisnike, već i ozbiljna prepreka uspehu vašeg online prisustva. Što se stranice brže učitavaju, korisničko iskustvo je bolje, što dovodi do veće angažovanosti korisnika, većeg broja konverzija i boljih SEO rezultata.
Važno je da, kada se sajt sporo učitava, preduzmete neophodne korake za njegovu optimizaciju kako biste mu obezbedili najbolje moguće performanse.
