Kako optimizirati izvedbu web stranice

Osvrnite se po internetu i naći ćete mnoštvo citiranih statistika o tome koliko su ljudi spremni pričekati da se bilo koja web stranica učita prije nego što izgube interes (u tom slučaju nemojte uvijek kriviti pružatelja web hostinga).

Oni s fiksnim širokopojasnim vezama očekuju da će se web stranica pojaviti gotovo trenutno, a čak ni korisnici mobilnih uređaja nemaju beskrajno strpljenje.

Pročitajte više: Offcloud

Prema istraživanju, optimalno vrijeme učitavanja stranice je tri sekunde, iako je većina web mjesta bliža udvostručenju - ili više. A ako prijeđete više od 10 sekundi, većina će ljudi vjerojatno napustiti stranicu i otići negdje drugdje.

Koliko će web stranici trebati da se pojavi u pregledniku, ovisi o čimbenicima podijeljenim između poslužitelja i klijentskog uređaja s druge strane.

Iako nije moguće ubrzati sve korisnike zbog stvari koje su izvan kontrole web dizajnera, praktično je web mjesto učiniti što učinkovitijim, poboljšavajući izvedbu većine posjetitelja.

Poboljšana brzina može se postići nizom različitih metoda, ali postoje tri središnja stupa za poboljšanje performansi gradilišta. To su poboljšani hosting, optimizacija web mjesta, a također i neka razmatranja specifična za platformu.

  • Odabrali smo najbolje usluge web hostinga upravo ovdje
  • Ovo su najbolje tvrtke za besplatni web hosting
  • A to su trenutno najbolji graditelji web stranica

Važnost hostinga

Koliko web mjesto troši na web hosting, obično je proporcionalno broju posjetitelja koji se očekuje određenog dana, uzimajući u obzir koliko dugo svaka ostaje i koliko stranica pregledavaju.

To je primarni razlog, zajedno sa sigurnosnim problemima, zašto relativno malo tvrtki interno organizira web lokacije.

Tipično je web hosting "virtualni" po tome što određeni komad hardvera nije dodijeljen web lokaciji - već se dijeli s drugim web mjestima putem virtualizacije.

Ljepota postojanja ovog rješenja je u tome što se više web mjesta lako može dodijeliti web mjestu u vrijeme velike potražnje, pod uvjetom da ugovor o hostingu omogućava ovu fleksibilnost.

Ono što je važno odlučiti je projicirani promet koji očekujete da ćete primiti i odgovarajuće povisiti svoju uslugu.

Ako imate brzo rastuću web stranicu, ali zbog razine hostinga ona počinje prestajati reagirati kad se pojavi poplava posjetitelja, to bi moglo potkopati cijeli vaš projekt. Stoga planirajte započeti s malim, a zatim razmjerom kad stranica dosegne zrelost.

Optimizacija web mjesta

Izvedba bilo koje web stranice vrlo ovisi o tome kako je izrađena i koju softversku tehnologiju koristi.

Nakon što imate prototipsku stranicu, jedan od prvih postupaka koji trebate izvršiti je ocjenjivanje svake stranice koliko vremena treba za učitavanje. Dostupni su brojni alati za mjerenje performansi stranice, a neki od njih podijelit će vremenske odrednice kako bi točno utvrdili što je uzrokovalo najviše kašnjenja na bilo kojoj stranici.

Ovo testiranje nije nešto što biste trebali izvesti samo jednom na jednom računalu, jer će vaši posjetitelji dolaziti s različitog broja različitih lokacija, s različitim širokopojasnim vezama, i koristit će različite vrste uređaja.

Posebno je kritično da se mobilne platforme testiraju i putem Wi-Fi-ja i putem mobilnih veza. A u idealnom svijetu dobivanje rezultata s udaljenih zemljopisnih lokacija također je dragocjena informacija.

Nakon što prikupite ove podatke o izvedbi, vrijeme je da se vratite na stranicu i vidite koje izmjene možete napraviti kako biste poboljšali korisničko iskustvo.

Evo popisa prvih sedam izdanja koja usporavaju web mjesto i kojem se lako može pristupiti.

1. Stranice s više izvora

Ako se stranica sastoji od elemenata koji dolaze s drugih lokacija, uključujući oglase, to može dramatično utjecati na brzinu. Stranica postaje ovisna o tome koliko se brzo poslužuju oni elementi izvan web mjesta, što otežava probleme u izvedbi.

Ako imate stranicu kojoj se učitavanje neprestano predugo, prepoznajte što je usporava i uklonite je.

2. Widgeti i dodaci

Previše ovih komponenata uzrokuje iste probleme kao i stranice s više izvora, ali one su problem koji posebno utječe na WordPress web stranice. Iskušenje je unaprijed učitati stranice sa svim vrstama kalendara, animiranim gumbima, satovima i tako dalje jako je, ali morate se oduprijeti.

Za izvršavanje ovih značajki potreban je kôd na strani poslužitelja i kôd na strani klijenta, a često će pauzirati prezentaciju ostalih elemenata stranice prije nego što završe učitavanje.

3. Grafika skaliranja

Grafika web mjesta ne smije se skalirati, osim ako se radi o fotografijama na koje želite kliknuti za cjelovitu prezentaciju.

Njihovo skaliranje je također loše, jer ih to čini blokantnima ili otkriva artefakte kompresije.

Izrada grafike iste veličine kako bi je trebalo pregledavati, oduzima radno opterećenje s poslužitelja i klijentskog preglednika te izbjegava korisniku da preuzima veće grafike nego što je potrebno.

4. Nespojivi mediji

Postoji čitav niz vrsta datoteka koje su nekad bile popularne na računalu, a sada su zapravo ugašene. Korisnici mobilnih uređaja neće im moći pristupiti, a većina korisnika stolnih računala također će imati problema osim ako još uvijek koriste dodatak na staroj verziji preglednika.

U pravilu nemojte ugostiti formate videozapisa, slika ili glazbe koji prema zadanim postavkama neće raditi s Google Chromeom ili Microsoft Edgeom. Nervira korisnike kada na web mjestu nedostaju elementi ili dođe do neobičnih pogrešaka.

5. Backend kod

Koliko ste puta vidjeli urednu značajku koja se može dodati na web stranicu sa "samo kratkim retkom koda"? Takvih je mnogo i mogu biti korisni. Međutim, često uzrokuju glavobolju za mnogo veći dio koda koji se izvodi na poslužitelju kako bi isječak koda učinio nešto korisno.

Imajte ih previše - jer taj kôd stavljate na svaku stranicu - i poslužitelj će se zaglaviti pokušavajući obraditi te zahtjeve umjesto da posluži stranice web mjesta.

Najčešći krivci za te stvari su, ironično, analitika i obrada obrazaca. Ali kod koji se bavi drugim zadacima također može imati negativan utjecaj na cjelokupnu izvedbu.

6. Pogreške na mobilnom uređaju

Klasična pogreška koja utječe na korisnike mobilnih uređaja je što je preusmjeravanje na mobilnu verziju web stranice došlo tek nakon što se većina početnih stranica namijenjenih radnoj površini prikaže na telefonu ili tabletu.

Rezultat je često dugo čekanje prije nego što se preglednik odvede na mobilno mjesto, nakon čega slijedi još jedno kašnjenje prije nego što se to učini.

Iako statistički mobilne platforme još uvijek malo zaostaju za konvencionalnim računalima u pogledu pregledavanja weba, mobilno surfanje se brzo širi i vrlo brzo će biti dominantan način na koji će većina korisnika pristupiti većini web mjesta.

Stoga je pažnja na mobilnu varijantu bilo koje web stranice barem jednako važna, ako ne i veća od radne površine na radnoj površini.

Budući da se mobilni korisnici često povezuju pomoću 3G ili 4G podatkovnih usluga bez dosljednih brzina prijenosa koje bi žičani širokopojasni korisnici mogli očekivati, značaj brze isporuke web stranica još je veći.

7. Koristite kompresiju

Postoje brojni načini na koje je moguće osigurati da datoteke koje čine web mjesto budu manje, a time i brže za preuzimanje za posjetitelje.

Postoje globalne tehnologije na strani poslužitelja poput Gzip koje mogu smanjiti veličine datoteka za čak 70%, iako samo odabir ispravnih vrsta datoteka i razina kompresije za JPG.webp datoteke također može donijeti prednosti u radu.

Gzip će zahtijevati aktivaciju poslužitelja, a pomoću ove stranice možete provjeriti je li aktivan na vašem poslužitelju.

Jedino upozorenje za upotrebu kompresije je da morate prepoznati one datoteke i mape koje ne želite komprimirati u sustav. Budući da se već komprimirane video datoteke i komprimirane količine (ZIP, RAR ili LZH) ne mogu dalje smanjivati.

Zanimljivi članci...