15 načina za ubrzavanje vaše web stranice

Jedna od najgorih stvari koja se može dogoditi vašoj web stranici je gubitak kupaca zbog problema koje je u potpunosti moguće spriječiti. Statistički podaci iz studije o vremenu učitavanja Google stranica 2017. pokazuju da jedna sekunda može donijeti veliku razliku u vašim prometnim brojevima i zadovoljstvu korisnika..

U samo jednoj sekundi:

  • Prikazi stranica mogli bi se smanjiti za 11 posto ��
  • Razina zadovoljstva kupaca mogla bi pasti za 16 posto ��
  • Možete doživjeti 7-postotno smanjenje stope konverzije ��

Tijekom jedne godine, ta jedna sekunda kašnjenja mogla bi rezultirati padom prihoda od 2,5 milijuna USD za tvrtke koje u prosjeku dnevno prodaju 100 000 USD.

Ukratko, latentnost je neprijatelj performansi i zadovoljstva korisnika. Pedeset tri posto potrošača izjavljuje da će napustiti web stranicu kojoj je potrebno više od tri sekunde.

Što je kašnjenje i zašto je važno?

Tri su komponente koje doprinose brzini prijenosa podataka: propusnost, kašnjenje i propusnost. U kombinaciji s optimiziranim sadržajem i kodiranjem ti elementi idu ruku pod ruku. Problemi s jednima utječu na druge.

slika koja prikazuje kašnjenje i brzinu mrežeŠirina pojasa je cjevovod kroz koji putuju vaši podaci. Uska propusnost smanjuje količinu informacija koje prolaze kroz taj cjevovod u bilo kojem trenutku. To dovodi do problema s kašnjenjem i utječe na propusnost.

Web stranica latentnost definira se kao vrijeme koje je potrebno informacijama da se povratno putovanje od preglednika do poslužitelja i nazad do korisnika ponovno izvrši. propusnost je količina podataka koja putuje preko poslužitelja u zadanom vremenskom razdoblju.

To je optimalna ravnoteža kašnjenja (niska) i širine pojasa (visoka) što dovodi do učinkovite isporuke i bolje propusnosti. Ako to stanje nije povoljno, vrijeme učitavanja web stranice će biti sporije, a isporuka podataka odgođena.

Što pridonosi visokim stopama kašnjenja?

  • Razmnožavanje. Ovo je vrijeme koje je potrebno da paketi podataka putuju od jednog do drugog izvora.
  • Prijenosni medij. Dugi smo put prošli od dana biranja, ali medij za prijenos još uvijek utječe na kašnjenje. Čak i takav tehnološki napredak kao što je optička vlakna i WAN imaju fizička ograničenja koja utječu na brzinu isporuke sadržaja.
  • Usmjerivači. Ono što možemo učiniti klikom miša ili upisivanjem URL-a pokreće lanac događaja koji nam omogućava pristup internetu. Očima prosječnog korisnika zahtjev se postavlja i poštuje brzinom svjetlosti. Međutim, to ovisi o sposobnosti našeg usmjerivača da pravilno analizira zaglavlja paketa i ostale informacije.

Što je mreža distribuirana više, paket puta mora preskočiti ruter na ruter. To doprinosi visokoj latenciji.

  • skladištenje. Do kašnjenja dolazi svaki put kad se uspije ili pohrani paket podataka. Proces je dodatno kompliciran brojem prekidača i mostova koji su se našli između početnog zahtjeva i isporuke preglednika. Pogledajte povezano – najbolja pohrana u oblaku
  • oblikovanje Način konfiguriranja datoteka i upravljanja bazama podataka WordPress utjecati će na to kako se upute i kôd čitaju i obrađuju. Čist, mršav i elegantan kod dovodi do učinkovitosti i brzine.
  • Vrste i veličine datoteke. Razlog je da će manje datoteke i jednostavnije oblikovanje brže i učinkovitije prolaziti kroz mrežu. Web-lokacije koje su teške za grafiku i druge bogate medije izgledaju skuplje i utječe na to koliko brzo se stranice mogu u potpunosti učitati. Zbog toga je važno komprimirati datoteke vaše web lokacije.

Prednosti optimiziranja vaše web stranice

Bez obzira odlučite li se koristiti visokokvalitetnim graditeljem web mjesta, unajmiti web dizajnera ili samostalno izraditi web stranicu, s obzirom da će sigurnost i brzina dizajna poboljšati izgled i isporuku vašeg sadržaja. Ovo pomaže s SEO optimizacija i pruža bolje korisničko iskustvo (UX).

Studije pokazuju da može potrajati i do 22 sekunde da bi mobilna web stranica u cijelosti učitala prosječnu odredišnu stranicu. Zamislite da ćete imati prednost nad konkurencijom ako možete obrijati vrijeme utovara do sedam sekundi ili manje.

15 načina na koje danas možete povećati brzinu svojeg weba

Današnji poslužitelji mogu isporučiti vremena učitavanja koja se mjere u milisekundama a ne sekundama. Osim što kontrolirate tehnologiju koja posjetiteljima donosi vaš web sadržaj, možete implementirati i niz izmjena i podešavanja kako biste osigurali dosljedno, brzo učitavanje stranica i više zadovoljavajući ukupni UX.

Evo 15 načina na koje možete povećati brzinu vaše web stranice i oni uopšte neće umanjiti kvalitetu vašeg sadržaja ili estetiku web mjesta..

1. Omogući kompresiju datoteke

Stiskanje datoteka nije ništa novo. Svi smo naišli na datoteke koje su prevelike za preuzimanje i kojima možemo pristupiti nakon komprimiranja. Ista ideja može pomoći bržem učitavanju vaše web stranice upotrebom Gzip kompresije.

Da biste to učinili instaliranjem kompresijskog dodatka za vaš sustav upravljanja sadržajem ili ručno kroz .htaccess datoteku. Ovo će raditi za CSS, JS, XML i HTML dodavanjem sljedećeg koda:

Tekst / običan tekst AddOutputFilterByType DEFLATE
AddOutputFilterByType DEFLATE tekst / html
Tekst AddOutputFilterByType DEFLATE / xml
AddOutputFilterByType DEFLATE tekst / css
Aplikacija AddOutputFilterByType DEFLATE / xml
Aplikacija AddOutputFilterByType DEFLATE / xhtml + xml
Aplikacija AddOutputFilterByType DEFLATE / rss + xml
Aplikacija / javascript AddOutputFilterByType DEFLATE
Aplikacija AddOutputFilterByType DEFLATE / x-javascript

2. Uklonite nepotrebne dodatke i proširenja

Kada prvi put izrađujete svoju web lokaciju, primamljivo je instalirati i isprobati brojne dodatke. Neki od njih su sjajni, ali još mnogo toga skuplja prašinu u našim imenicima. Neka bude pravilo odmah deinstalirati stare, nepotrebne ili nepodržane dodatke i dodatke ili proširenja. Onemogućavanje im se može činiti lakšom opcijom, ali to može prouzrokovati sigurnosne probleme i izložiti vam se riziku zbog kršenja i iskorištavanja..

Kada je u pitanju sigurnost web mjesta, fokusiranje na instaliranje samo najboljih WordPress dodataka, dok uklanjanje nepotrebnih je također izuzetno važno.

3. Optimizirajte HTTP

Dva su načina koja možete poboljšati vrijeme učitavanja stranica putem HTML optimizacije. Prvo je minimizirati svoje HTTP zahtjeve. To možete postići na nekoliko načina:

  • Koristite CSS umjesto slika kad god je to moguće
  • Kombinirajte CSS, JS i HTML datoteke kako biste izbjegli pretjerivanje i suvišnost
  • Dizajnirajte čiste, jednostavne stranice s manje elemenata
  • Omogući keširanje
  • Smanjite broj preusmjeravanja čišćenjem starih stranica i neispravnih veza

Drugi način na koji možete optimizirati HTML je omogućavanjem Keep-Alive-a. Svaki zahtjev za datoteku normalno pokreće zasebnu radnju. Omogućavanjem HTML Keep-Alive stvarate jednu otvorenu vezu koja ostaje na taj način dok se ne ispune svi zahtjevi preglednika. Jednostavno kopirajte ovaj bitni kod u svoju .htaccess datoteku, okruženu odgovarajućim oznakama otvaranja i zatvaranja:

IfModule mod_headers.c
Postavljen zaglavlje, veza ostaje aktivna
IfModule

4. Instalirajte mrežu za dostavu sadržaja (CDN)

Mreže za isporuku sadržaja (CDN-ovi) smanjite vrijeme učitavanja stranica na gotovo isti način kao i poslužitelji. Te se mreže šire na različitim točkama širom svijeta, omogućujući nekome iz te lokacije da pristupi vašoj web lokaciji bliže kući.

Mnogo hosting usluga uključuje CDN kao dio njihove usluge, pa provjerite dostupnost prije nego što se s kim prijavite. Pogledajte povezano – najbolji kanadski CDN-ovi

5. Omogući predmemoriranje

Predmemoriranje ostavlja kopiju vaše web stranice u korisnikovu pregledniku dok stranica ne bude osvježena i ažuriran sadržaj. To znači manje HTTP zahtjeva i stranica za učitavanje. Kada omogućite predmemoriranje, možete smanjiti vrijeme učitavanja stranice za 1,5 sekunde. U vremenu kada se računa svaka sekunda, to predstavlja ogromnu razliku.

Keširanje u WP-u može se omogućiti pomoću dodatka Rocket ili kroz jedan od besplatnih dodataka poput WP3 Total Cache ili Super Cache. Oni koji koriste HTML mogu omogućiti keširanje putem Etagova, Expirea ili drugih metoda. Korisnici Drupala mogu izvoditi predmemoriju omogućujući slijedeći ove upute.

6. Umanjite JS i CSS kôd

Možete poboljšati vremena učitavanja stranice tako da smanjite količinu kodiranja potrebnu za izvršavanje neke akcije. Započnite stvaranjem zasebne datoteke za JS i CSS, a zatim radite na smanjenju bijelog prostora, brisanju nepotrebnih komentara i kombiniranju datoteka ili naredbenih linija kad god je to moguće. Ako niste sigurni kako najbolje minimizirati kôd bez stvaranja drugih problema, na raspolaganju su vam alati za umnožavanje koji će prepoznati i ispraviti naduvani kod.

7. Zaposlite asinkrono učitavanje JS i CSS datoteka

Nakon što je kôd mršav i učinkovit, možete prilagoditi način na koji se datoteke učitavaju na vašu stranicu asinhronim učitavanjem. To mijenja način na koji se sadržaj učitava na vašu stranicu radeći to učinkovitije.

Vidite, većina preglednika obrađuje zahtjeve umetanjem stranica po redoslijedu. To je poznato kao sinkrono učitavanje stranica. Svaki put kada preglednik naiđe na stranicu koja je sinkrona, zaustavlja sve ostale aktivnosti dok se trenutna stranica u potpunosti ne učita. Uz asinhrono učitavanje, vaš preglednik može istovremeno rješavati neke zahtjeve, što znači ukupno kraće vrijeme učitavanja web mjesta.

Većina sustava za upravljanje sadržajem ima mehanizam koji omogućava asinkrono učitavanje CSS i JS datoteka. Na primjer, WordPress na kartici Rocket ima karticu “Statične datoteke” koja će vam omogućiti da omogućite ovu funkciju označavanjem odgovarajućih okvira u odjeljku “CSS / JS blokiranje rendera”. Korisnik koji nije WP može ovo omogućiti u JS pomoću atributa asinhije ili odlaganja. Za CSS, pokušajte pisati stilove za prvi ekran u glavu html-a kako biste omogućili asinkrono učitavanje prve stranice.

Odgođeno učitavanje JavaScripta može dati iste rezultate, a može biti omogućeno u istom odjeljku WP Rocket ploče kao postavke učitavanja. Ako web lokaciju imate na HTML-u, možete odgoditi učitavanje JS pozivom vanjskoj datoteci neposredno prije oznake tijela na vašem kodu:

8. Optimizirajte datoteke slika

Jedan od najvećih hmelja za resurse i baze podataka su slike. Svakako, fotografije će dodati vaš sadržaj, ali previše će utjecati na brzinu i odvesti promet. Ako na svoje web mjesto morate uključiti slike, odaberite jednu ili dvije, smanjite njihovu veličinu datoteke i upišite na nešto učinkovitije poput .jpeg ili ih pretvorite u kolaž, a ne u galeriju odvojenih slika. Možete ih premjestiti na platformu koja je napravljena za slike, poput InstaGrama, i jednostavnu vezu na tu platformu s vaše web lokacije.

Isto se odnosi na video sadržaj koji se može ukloniti na YouTube kanal. Oba ova rješenja će također pomoći kod SEO-a, jer ih možete zasebno optimizirati koristeći kombinaciju alt oznaka za indeksiranje slika i video sadržaja i on-page SEO za cjelovitu optimizaciju stranice. Jedan od naših favorita je Optimizilla.

9. Onemogućite internetske veze i ograničite dijeljenje društvenih medija

Kada govorimo o društvenim medijima i slikama, dobro biste onemogućili vruće veze na svojoj web stranici i ograničili dijeljenje društvenih medija. Drugi prijedlog djeluje suprotno svemu što znate o socijalnom dokazu, dosegu i angažmanu, ali možete pronaći ravnotežu koja će podržati vašu prisutnost na društvenim medijima, a da ne utječe na performanse.

To nas dovodi do problema vruće veze. Hotlinks su tehnologija koja omogućuje drugim ljudima da uzmu vaš sadržaj i koriste ga na vlastitoj web stranici ili platformi društvenih medija. Također nehotice povećavate upotrebu resursa.

Umjesto da ih povezujete sa slikama ili sadržajem na drugoj web stranici ili dopustite da vam budu ukradeni, preuzmite ih i spremite na svoj poslužitelj. Možda se čini protuustavnim, ali povezivanje s drugim sadržajem web stranica može imati nenamjerne posljedice ako dopuštanje nečijeg nestandardnog učinka web lokacije utječe na vaše vlastite.

10. Smanjite vanjske skripte

Dodavanjem vanjskih skripti vi JS kôd povećava broj HTTP zahtjeva, a smanjuje brzinu web stranice. Neke su vanjske skripte potrebne, tako da ih ne morate u potpunosti eliminirati. Pingdom vam omogućuje testiranje svake vanjske veze kako biste utvrdili koji uzrokuju problem.

Prije dodavanja vanjskih veza u vaš web sadržaj provjerite je li izvorna web stranica pouzdana ili biste mogli svoje probleme dovesti kući na svoju platformu.

11. Pronađite i popravite neispravne veze

Sva prekinuta veza koja završava preusmjeravanjem ili porukama o pogrešci može utjecati na UX. Međutim, ovaj se savjet odnosi na veze sadržane u vašim slikovnim, JS ili CSS datotekama. Potražite i testirajte veze u naslovu CSS datoteka i u izvornom URL-u JavaScript. Možete ih potražiti ručno, pregledom zapisnika poslužitelja ili korištenjem alata za provjeru veze.

12. Optimizirajte svoje baze podataka

Ogromno spremanje datoteka definitivno pridonosi laganim performansama. Želite cjelovit zapis svake radnje iz sigurnosnih razloga, ali svaki put kada dodatak ili druga značajka sprema podatke, on se nadograđuje u vašoj bazi podataka. Zamislite sve te pingback-e, neželjene komentare ili nepotrebne komentare i nagomilane revizije, a vi dobro poznajete problem.

optimizacija baze podataka

Da biste izbjegli ovaj problem, vršite redovne sigurnosne kopije, a zatim čišćenje, kako biste se riješili suvišnih podataka, a da ne trpite nenamjerne posljedice.

13. Koristite lagane teme

Bili biste zadivljeni razlikom što samo mijenjate svoju temu iz nečeg nezgrapnog i natovarenog koda u lagani okvir. Ako vam se web mjesto čini sporo, a svi su drugi elementi u redu, pokušajte upotrijebiti noviju i svjetliju temu. To znači zaroniti dublje u povijest izvođenja teme, a ne samo istražiti nešto što izgleda prilično.

Kao i kod dodataka, staru temu ne zaboravite deinstalirati, a ne onemogućavati.

14. Odaberite dobar sustav upravljanja sadržajem

Sustavi upravljanja sadržajem (CMS-ovi) kritični su za održavanje pouzdane brzine i performansi. Najpopularniji do sada je WordPress, ali tu su i Joomla, Drupal i mnogi drugi. Oni nude prednost optimizacije sadržaja i dostupnost dodataka ili značajki za poboljšanje performansi.

15. Odaberite svoju uslugu hostinga s okom na performanse

Možda će biti primamljivo pronaći jeftinu uslugu hostinga, uostalom, vaš kruh i maslac su na vašoj platformi, zar ne? Međutim, ikada optimiziranje svih ostalih komponenti koje doprinose učinkovitom učinku neće biti važno je li vaša platforma za hosting ispod standarda.

To znači ne samo da odaberete plan koji će vam omogućiti da upravljate skokovima prometa i rastom, već i da pronađete pružatelja usluga s tehnologijom koja će podržati performanse. Planovi zajedničkog hostinga su u redu ako tek počinjete i upotrebljavate statičniji sadržaj. Međutim, vaša brzina i dostupnost resursa ponekad ovise o tome da imate dobre susjede.

Kad god je to moguće, odlučite se za kvalitetnu virtualnu privatnu mrežu (VPN) ili a namjenski poslužitelj. Na taj ćete način osigurati resurse, pohranu i dostupnost kako biste smanjili vrijeme zastoja i kašnjenja.

Ne zaboravite na testiranje i kontinuirano ocjenjivanje

Znati što podesiti i kada ovisi o tome koji problemi utječu na vrijeme učitavanja stranice i opću brzinu prikazivanja sadržaja. Neki hosting usluge imaju ugrađene alate pomoću kojih možete mjeriti performanse web stranice. Postoji i niz metoda i alata koje možete koristiti za mjerenje kašnjenja i vremena učitavanja stranice.

Bez obzira koju metodu ili alat koristite, testirajte se s raznih lokacija. Razlog je za to da će poslužiteljima koji se nalaze dalje od izvora trebati više vremena za isporuku sadržaja. Geo-testiranje s više lokacija pomoći će vam da odredite stope kašnjenja. Tijekom provođenja ispitivanja brzine, učinite to s uključenim i onemogućenim CDN-om. Ovo će vam pomoći da procijenite učinkovitost svog CDN-a i druge tehnologije.

kako funkcionira cdn

Jedan od najčešćih i najučinkovitijih alata za ispitivanje brzine je Pingdom. Ovaj je besplatni online alat jednostavan način za određivanje opsega problema s izvedbom i brzinom web stranice. Vi samo unesite URL i lokaciju poslužitelja u okvir za pretraživanje i pritisnite “Start Test”. Također možete kupiti premium pretplatu za dublje testiranje produženog vremena i vrsta sadržaja s više od 70 lokacija poslužitelja.

Ovo je primjer testa pinga pomoću Googleovog javnog DNS-a:

$ ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 podataka bajtova
64 bajta od 8.8.8.8: icmp_seq = 0 ttl = 56 vremena = 54.524 ms
64 bajta od 8.8.8.8: icmp_seq = 1 ttl = 56 vremena = 43.423 ms
64 bajta od 8.8.8.8: icmp_seq = 2 ttl = 56 vremena = 50.773 ms

Alat za praćenje tragova pratit će put paketa od poslužitelja do poslužitelja, mjerijući put od preglednika do domaćina i identificiraći uska grla ili druge probleme.

Evo primjera izvješća naredbe traceroute pomoću istog Google DNS-a:

$ traceroute 8.8.8.8
traceroute do 8.8.8.8 (8.8.8.8), 64 hmelja max, 52 bajt paketa
1 192.168.0.1 (192.168.0.1) 6.632 ms 9.659 ms 10.089 ms
2 10.89.0.1 (10.89.0.1) 29.867 ms 14.293 ms 30.259 ms
3 blk-212-126-117.eastlink.ca (173.212.126.117) 20.677 ms 19.575 ms 20.155 ms
4 ns-hlfx-dr002.ns.eastlink.ca (24.215.102.161) 30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca (24.215.102.221) 29.540 ms 29.516 ms 29.989 ms
6 ns-hlfx-br001.ns.eastlink.ca (24.215.102.9) 26.678 ms 29.203 ms 30.787 ms
7 google.eastlink.ca (24.215.101.10) 49.027 ms 49.196 ms 90.601 ms
8 209.85.241.127 (209.85.241.127) 49.999 ms
72.14.239.75 (72.14.239.75) 48.939 ms
72.14.235.169 (72.14.235.169) 46.823 ms
9 google-public-dns-a.google.com (8.8.8.8) 49.465 ms 45.436 ms 43.772 ms

Govoreći o Googleu, oni također imaju besplatan alat za testiranje web lokacija na brzinu i performanse. Njihovim PageSpeed ​​Insights možete pristupiti ovdje.

Ispitivanje nije jednokratna operacija. Vaša web stranica trebala bi se pratiti svakodnevno koristeći automatizaciju i neke od dostupnih alata za testiranje performansi i brzine. kako bi rezultati imali ikakvog značenja. To će vam pomoći u prepoznavanju bilo kakvih problema prije nego što postanu skupi problemi.

Završne misli

Kako mreže postaju gužve i raspodijeljene, kašnjenje postaje vjerojatnije. Naš je cilj pružiti vam informacije potrebne za poboljšanje performansi i brzine vaše web stranice. Osim odabira najbolje usluge web hostinga za vaše potrebe i proračuna, optimizacija vašeg sadržaja i načina isporuke bit će dug put prema uklanjanju mnogih uzroka zastoja i sporog rada.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author