14 svjetlosnih trikova kako ubrzati web mjesto

Ova serija blogova o brzini web stranice bila je zabavna vožnja.


Do sada smo saznali da će Amazon izgubiti 1,6 milijardi USD (!) Ako njihova web stranica uspori.

Također smo naučili točno ono što se događa iza scene kako bi došlo do usporavanja web mjesta.

To nas dovodi do našeg prirodnog zaključka: kako točno možete stvari ubrzati? Pokrivamo sve, od brzine poslužitelja, optimizacije i nekoliko dodatnih dodataka između.

Prvo, osvijestimo što uzrokuje laganu brzinu:

Kada ovdje učitate moju web stranicu na Bitcatcha, vaš preglednik (Firefox, Safari, Chrome itd.) Započinje razgovor s mojim web poslužiteljem.

Preglednik: “Hej, web poslužitelj! Možete li mi ponuditi sve dijelove za prikaz Bitcatcha.com? “

Poslužitelj: “Svakako, dopustite mi da ih pronađem i pošaljem ih preko njih”.

Zatim web poslužitelj sve dijelove web stranice stavlja u tunel i šalje ih vašem pregledniku kako bi ga učitali.

Zvuči dovoljno jednostavno, ali evo što će usporiti:

  • Lijeni poslužitelj koji uzima godine da odgovori na zahtjeve.
  • Poslužitelj koji istovremeno upravlja dijelovima za mnoge druge web stranice.
  • Mnogo ‘dijelova’ na velikim web lokacijama koje se moraju pronaći i poslati u tunel.
  • Zauzet tunel.

Ovdje može puno toga poći po zlu. Pa, kako ubrzati stvari?

Ubrzajte svoju web stranicu

Dio 1: Učinite vaš poslužitelj bržim

1. Nadogradnja na bolji web domaćin (tj. Bolji poslužitelj)

Vaš web domaćin je tvrtka koja pruža poslužitelj. To je poput iznajmljivanja parcele internetskog zemljišta, gdje ćete pohraniti sve dijelove web mjesta.

Većina nas ima tendenciju da kupujemo najjeftiniju parcelu koju pronađemo. Ali to nije nužno mudro rješenje.

Jeftini web domaćini iznajmljuju poslužitelje koji su prepuni i mali. Zapamtite, želite da vaš poslužitelj brzo reagira na zahtjeve i brzo šalje vašu web stranicu niz tunel u preglednik.

Bilješka

Pogledajte naš popis najbržeg web hostinga na temelju njihovog vremena odziva poslužitelja.

2. Prebacite se s zajedničkog hostinga na VPS

Jeftini web domaćini smjestit će vašu web lokaciju na server, zajedno s mnoštvom drugih web mjesta. Zove se zajednički hosting, a znači da se morate boriti protiv resursa.

Ako jedna web lokacija odjednom napuni promet, usporit će vaše, a oni povećati propusnost.

Prelaskom na VPS (virtualni privatni poslužitelj) ili (barem viši krajnji zajednički poslužitelj poput SiteGround), vaš web domaćin ogradiće se od ugla zajedničkog poslužitelja samo za vas. To znači da ne morate brinuti da će druge web lokacije ukrasti vaše resurse.

3. Pomaknite poslužitelj bliže svojoj publici

Svaki put kada netko klikne na vašu web lokaciju, vaš poslužitelj mora fizički poslati podatke širom planete na zaslon računala.

Ako je poslužitelj na drugom kraju svijeta, to će potrajati dugo. Ako znate odakle dolazi većina vašeg prometa, zamolite svog web domaćina da vašu web lokaciju postavi na poslužitelj najbliži vašoj glavnoj publici.

4. Koristite mrežu za dostavu sadržaja

Problem pri premještanju vašeg servera bliže određenoj publici je taj što će netko izgubiti. Ako svoj poslužitelj premjestite u Kaliforniju, posjetitelji u Australiji dobivaju polagano vrijeme učitavanja. Tako su i vaši europski posjetitelji.

Mreža za dostavu sadržaja ili CDN vaše podatke stavlja na poslužitelje diljem svijeta. Kada netko klikne na vašu web lokaciju, najbliži poslužitelj šalje informacije.

To znači da vaši posjetitelji ostvaruju super veliku brzinu ma gdje bili u svijetu. (Za referencu, Koristim Cloudflare ovdje u Bitcatcha.)

5. Aktivirajte postavku “zadrži živ”

Kada vaš poslužitelj pošalje datoteke vaše web stranice niz tunel, svaki dio putuje zasebno. Vaš CSS tablicu stila, vaš logotip, svaku vašu sliku itd.

Očito, najučinkovitiji način za to je slanje svih njih niz isti tunel.

Tu dolazi postavka “ostani u životu”. Kada se aktivira, glavni tunel ostaje uključen, a sve se svodi na istu vezu. (Ovo je super brzo).

Ali kad je postavka isključena, za svaki element mora se napraviti novi tunel. (Ovo je super sporo).

Većina web hostova zadržava ovu postavku (što je dobro), ali ponekad i zajednički hostovi zatvaraju veze bez upozorenja.

Dio 2: Optimiziranje elemenata web stranice

Sada kada smo vaš poslužitelj učinili što bržim i učinkovitijim, kako optimizirati same dijelove web mjesta?

6. Smanjite vrijeme povratnog putovanja (RTT-ova)

Vaš preglednik trenutno mora pitati poslužitelja za svaki element, jedan po jedan. Vaš logotip, zatim svaku sliku, zatim CSS tablicu stilova.

Vrijeme koje je potrebno da biste ga primili je jedno putovanje.

Što više puta morate napraviti, duže će se učitati cijela web stranica. To je poput spakiranja automobila s kutijama i premještanja u novu kuću.

Što imate više kutija, morate krenuti više u povratku. Rješenje? Smanjite količinu kutija koje uzimate.

Smanjite količinu elemenata koje vaš poslužitelj mora poslati u tunel. Manje slika, manje koda, manje dodataka.

7. Omogućite kompresiju na svojoj web stranici

Nažalost, to nije samo broj kutija. Koliko su teške. Ako su svi vaši elementi veliki i teški, to će vam zauzeti puno prostora u tunelu. Također će se kretati sporije. To je poput kamiona koji se skupljaju. Svaka puna teških kutija.

Srećom, možete komprimirati svoje web mjesto i sve na njemu. Korištenje alata poput gzip. (Prepoznaje 90% preglednika. – To je prilično puno svih, osim nekoliko zaluđenih koji i dalje koriste Internet Explorer 4.)

Najzanimljiviji dijelovi vaše web stranice su slike, HTML, CSS i Javascript. Komprimirajući ih, možete smanjiti prosječnu “težinu” web mjesta dok se prenosi.

Zabavna činjenica

prosječna težina web stranice je 2 MB, ali ona se svake godine povećava.

8. Optimizirajte svoje slike

Slike su obično najteži dio bilo kojeg web mjesta. Oni su najveći, debeli, najsporiji element za utovar.

Započnite obrezivanjem prema točnoj veličini koja vam je potrebna. Ne prenosite ogromne slike i smanjite ih u HTML. Samo ih prenesite u odgovarajućoj veličini.

Također, prenesite slike prije prijenosa. Ako koristite WordPress, dodaci poput WP Smush mogao smanjiti veličinu slike za 80%!

9. … Ili napravite sprites

Sprite je jedna jedina slika koja sadrži puno malih slika. Izvrsno je za dijeljenje gumba ili drugih elemenata slike.

Sada, na vašu web stranicu treba upisati jedan zahtjev, a ne deset zasebnih. Zatim možete pomoću CSS-a odabrati koji će se dio slike prikazati.

10. Izreži svoj kod

HTML gusta je i teška. Također je nevjerojatno ponavljana. CSS je malo pojednostavljeniji, ali mnogo toga je suvišno.

Vrijeme je da pročitate svoj kôd s finim češljem za zube i riješite se svih nepotrebnih dijelova.

Ako koristite predložak iz programa WordPress, Tumblr itd., Vjerojatno postoji mnoštvo koda koji ne upotrebljavate. Ti su predlošci postavljeni kako bi vam pružili puno mogućnosti za funkcionalnost. Ali većini nas to ne treba sve.

Budite nemilosrdni!

11. Deinstaliranje beskorisnih dodataka (WordPress)

Svi smo eksperimentirali s puno dodataka tijekom godina. Ali često ih zaboravljamo deinstalirati.

Svaki dodatak je još jedan zahtjev poslužitelja. To je još jedan važan paket koji blokira vaš tunel velike brzine.

Ako ga ne upotrebljavate, isključite ga.

12. Smanjite preusmjeravanja

Za svaku preusmjeravanje, vaši paketi idu dva puta gore i dolje kroz tunel. Ako to apsolutno ne morate, nemojte koristiti preusmjeravanja na svojoj web lokaciji.

3. dio: Bonus dodaci

13. Smanjite pretraživanja DNS-a

Postoji jedan dio procesa o kojem još nismo razgovarali. To se događa odmah na samom startu.

Prije nego što vaš preglednik započne razgovor s poslužiteljem, mora pronaći lokaciju poslužitelja (pronalaženjem njegove IP adrese). To je poput traženja broja poslužitelja u telefonskom imeniku. Za to treba malo vremena. (Obično 20-120 milisekundi).

Potrebno je još više vremena ako je na vašoj web lokaciji povezano više imena domena. Uobičajeni primjeri uključuju: blog.yourwebsite.com ili dodatne domene za slike, tablice stilova i flash objekte.

Ako vaš preglednik to mora učiniti pet puta, možete izgubiti pola sekunde. Neka bude na što je moguće manje domena.

14. Keširanje preglednika

Zamislite kako bi stvari bile brze kada bi vaš preglednik mogao zadržati kopiju svih datoteka web mjesta. Na taj način ne bi bilo potrebno kontaktirati poslužitelj svaki put. To ih može samo učitati iz memorije.

To je ono što je predmemoriranje. To znači da vaš preglednik “pamti” web mjesto. Kada ga drugi put ponovo ukrcate, vrlo je brzo.

Uf! To je bio duži post nego inače, ali mislim da je to vrijedilo.

Sada znate sve što treba znati o tome da vaša web stranica bude munjevita. Ovi trikovi mogli bi obrijati sekunde s vaše brzine opterećenja.

To znači sretni posjetitelji. A to znači i više prodaje.

WordPress Vodič za brzinu

Ako je vaša web stranica izgrađena s WordPressom, sastavili smo detaljni detaljni vodič o ubrzanju WordPress-a. Točne korake koristimo da bi Bitcatcha.com učitao u 3 sekunde.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map