Kako ubrzati učitavanje web-lokacije?

Brzina učitavanja stranica je iznimno važna. To poboljšava korisničko iskustvo, povećava stopu pretvorbe, angažman korisnika i čak podiže web-lokaciju u rezultatima problema. To je posebno važno kada je riječ o mobilnom prometu. Uostalom, nitko ne želi ići s pametnog telefona na stranicu koja teži 4 MB, i čekati da se učita godinama.

Koliko brzo treba biti brzina učitavanja web-lokacije?

  • 1 sekunda - super.
  • 2-3 sekunde je vrlo dobro.
  • 4-7 sekundi je normalno, ali ima prostora za rast.
  • 8-10 sekundi je loše.
  • 11 sekundi ili više je strašno, početi zvučati alarm, jer ogroman novac curi upravo ispod vašeg nosa.

Prema studiji Strangeloop, tijekom koje je testirana brzina preuzimanja od 2000 najboljih internetskih trgovina, prosječna brzina preuzimanja komercijalnih web-mjesta iznosi 10 sekundi. Možete se upitati: "Zašto bismo trebali poboljšati brzinu učitavanja naše web-lokacije, čak i ako su vrhunski online dućani toliko dugo učitani?"

  • 57% posjetitelja napušta stranicu koja se učitava više od 3 sekunde.
  • U onim trenucima kada se web-lokacija usporava zbog velike količine prometa, više od 75% kupaca na mreži radije odlaze na web-lokaciju konkurenta.
  • 2 sekunde - toliko će pacijent čekati dok se informacije ne pojave na zaslonu. Dodavanje elementa kao što je traka napretka može produžiti vrijeme čekanja na 38 sekundi.
  • Stranica, koja je učitana 3 sekunde, ima 22% manje pregleda, 50% više odbijanja i 22% manje pretvorbe od mjesta koje je učitano 1 sekundu. Stranica, koja učitava 5 sekundi, ima još lošije rezultate - 35% manje pregleda, 105% više odbijanja i 38% manje pretvorbe.
  • 8% ljudi vjeruje da je glavni razlog njihovog napuštanja stranice sporo učitavanje stranica.

Usluge pomoću kojih možete testirati brzinu učitavanja web-lokacije:

Imajte na umu da ove usluge neće moći riješiti vaše probleme. Njihova glavna funkcija je analiza brzine učitavanja mjesta. Sve daljnje akcije trebale bi doći od vas.

Što se web stranica brže učita, to je bolja pretvorba.

Da biste to potvrdili, proučite sljedeće rezultate istraživanja:

  • Istraživanje skupine Aberdeen pokazalo je da se kao posljedica kašnjenja od 1 sekunde smanjuje broj pregleda (za 11%), postotak zadovoljstva publike (za 16%) i stopa pretvorbe (za 7%).
  • Tvrtka Shopzilla povećala je brzinu stranice za 5 sekundi i time povećala stopu pretvorbe za 12%
  • Smanjenjem vremena učitavanja svojih odredišnih stranica, Mozilla je uspjela povećati broj preuzimanja za 15,4%, što je rezultiralo 60 milijuna dodatnih preuzimanja.
  • 85% korisnika mobilnih uređaja očekuje da će se stranice učitati jednako brzo kao na računalu. Ne dobivaju isti rezultat, napuštaju web-lokaciju.

Izvori: gomez.com, aberdeen.com, en.oreilly.com, blog.mozilla.com

Ako se pitate koliko bi vaša tvrtka mogla zaraditi, ako bi brzina preuzimanja vaše web-lokacije bila veća, upotrijebite Sharpe digitalni kalkulator (na engleskom). Možda će određeni brojevi biti vaš najbolji poticaj za djelovanje.

5 načina za povećanje brzine učitavanja stranice

Dakle, što se može učiniti kako bi se ubrzalo učitavanje web-lokacije:

1. Smanjite veličinu stranica stranica

Previše "teških" sadržaja potrebno je mnogo vremena za učitavanje. Smanjivanjem veličine stranica stranice automatski povećavate brzinu učitavanja. Osim toga, štedite novac ako vam davatelj usluge hostinga naplati za promet.

Da biste smanjili veličinu stranice, prvo upotrijebite HTTP kompresiju podataka. Time se smanjuje veličina tekstualnih resursa, uključujući HTML, CSS i JavaScript, za 50% ili više. Zip, gzip i druge tehnologije koriste se za komprimiranje HTTP podataka.

Da biste smanjili veličinu stranice, zatražite od davatelja usluge hostinga ili administratora poslužitelja da omogući mogućnost kompresije HTTP podataka. Za procjenu dobivenog učinka upotrijebite jednu od usluga provjere kompresije, na primjer ovu. Ako je administrator poslužitelja sve učinio ispravno, vidjet ćete nešto poput sljedeće slike:

2. Smanjite težinu grafike

Grafika često čini 80% ili više ukupne veličine stranice. Stoga je vrlo važno ispravno optimizirati objavljene fotografije. Sljedeće smjernice pomoći će vam smanjiti veličinu slike za 50% ili više:

  • Objavite fotografije u JPEG formatu, izbjegavajte png format. JPEG format omogućuje komprimiranje slika bez gubitka kvalitete. Na primjer, na dan prezentacije sustava Windows 8, Microsoft je na početnoj stranici web-lokacije objavio fotografiju u PNG formatu, čija je "težina" bila 1 MB. Fotografije slične kvalitete u JPEG formatu imaju približno 140 KB veličine.
  • Nemojte zloupotrebljavati uporabu PNG formata za transparentnost grafike. Učinak transparentnosti je vrlo lijep, ali ne uvijek funkcionalan.
  • Ispravno odaberite razinu kvalitete slika u JPEG formatu. Smanjenje kvalitete fotografije za 25-50%, gotovo ne primjećujete razliku u usporedbi s izvornom slikom. Istodobno će se "težina" ilustracije značajno smanjiti.
  • Očistite slikovne datoteke iz digitalnog smeća. Različiti uređivači fotografija koje vaš dizajner vjerojatno koristi ostavlja mnogo različitih podataka u datoteci, na primjer, komentare, radne verzije slike, nekorištene palete itd. Ovaj digitalni otpad ne treba vaše čitatelje. Za brisanje datoteke koristite usluge Pngcrush ili Smush.it.

Smanjenje "težine" fotografija, pokušati zadržati estetsku privlačnost stranice. Korisnici i tražilice više privlače vizualno atraktivne resurse.

3. Pojednostavite JavaScript i CSS

Korištenje posebnih alata za pojednostavljenje JavaScripta i CSS-a smanjuje težinu odgovarajućih elemenata više nego standardne tehnologije kompresije, na primjer, gzip. Usluge pojednostavljenja uklanjaju nepotrebne elemente iz koda i također smanjuju nazive funkcija.

Da biste pojednostavili kôd JavaScript i CSS elemenata, koristite softverske alate ili mrežne usluge, na primjer, Online Javascript Compression Tool ili Online JavaScript / CSS Compression.

4. Smanjite zahtjeve preglednika

Što više zahtjeva čitač preglednik šalje kada se stranica učita, to se sporije učitava. Da biste skratili vrijeme preuzimanja, morate stvoriti uvjete pod kojima posjetiteljski preglednik šalje što je moguće manje zahtjeva. To se može postići smanjenjem broja fotografija, JavaScript datoteka, kodova resursa i usluga trećih strana, itd.

Jeste li se ikada zapitali zašto Google početna stranica izgleda tako asketski? Vjerojatno jedan od razloga je želja programera da povećaju brzinu preuzimanja.

Ali ako ne dosegnete Googleovu popularnost, prazna stranica može uznemiriti vaše korisnike. Ako vam preporuka da uklonite sve nepotrebne nije prikladna, upotrijebite sljedeće savjete za smanjenje broja zahtjeva preglednika:

  • Dopusti preglednicima da predmemoriraju podatke. Ako su stranice Vaše web lokacije statične, nema potrebe za "prisiljavanjem" posjetitelja da svaki put preuzmu njihov sadržaj. Zamolite administratora poslužitelja ili davatelja usluge hostinga da omogući mogućnost predmemoriranja fotografija, CSS i JavaScript elemenata. Za provjeru rezultata ove akcije koristite, primjerice, uslugu Redbot.
  • Kombinirajte i komprimirajte CSS i JavaScript datoteke. Kombinirajući ove elemente, značajno smanjite broj zahtjeva preglednika. Ova metoda je prikladna za statičke stranice. Za kombiniranje CSS i JavaScript datoteka, koristite posebne usluge i softver, na primjer, CakePHP.
  • Kombinirajte male fotografije u CSS spriteove. To je osobito korisno za resurse s mnogo ikona, gumba i drugih malih slika. Posebne usluge omogućuju vam da ih kombinirate u jednu datoteku, koja se naziva CSS sprite. Koristite SpriteMe alat za testiranje učinkovitosti ove preporuke u praksi.

Imajte na umu da omogućavanjem opcije predmemoriranja ne utječete na brzinu učitavanja web-lokacije prilikom prvog posjeta. Međutim, kada ponovo posjetite stranicu učitava brzinu ugodno će iznenaditi vaše klijente. Naravno, ako ne koriste sredstva za čišćenje kao što je CCleaner.

5. Smanjite udaljenost između web-mjesta i korisnika.

Ako se poslužitelj vašeg davatelja usluge hostinga nalazi u Vladivostoku, posjetitelji iz Sankt Peterburga morat će biti strpljivi dok čekaju da se stranica učita. Taj je problem posebno važan za web-lokacije s "teškim" sadržajem koje posjećuju korisnici koji su fizički udaljeni od poslužitelja za velike udaljenosti. Da biste riješili ovaj problem, koristite mreže za isporuku sadržaja (CDN), na primjer, Amazon CloudFront ili Akamai.

Koristeći CDN, automatski mijenjate URL svojih fotografija, CSS i JavaScript datoteka s //moisait.com/moefoto.png na //aaa.cloudnfront.net/moefoto.png. Kada korisnik posjeti vašu web-lokaciju, CDN preuzima svoje „teške“ stavke sa svog poslužitelja, fizički locirane najbliže posjetitelju.

Pogledajte videozapis: Kako ubrzati otvaranje i rad programa (Studeni 2019).

Loading...

Ostavite Komentar