Ta serija blogov o hitrosti spletnega mesta je bila zabavna vožnja.

Do zdaj smo izvedeli, da bi Amazon izgubil 1,6 milijarde USD (!), Če bi se njihovo spletno mesto upočasnilo.

Prav tako smo se natančno naučili, kaj se dogaja v ozadju, da povzroči upočasnitev spletnega mesta.

Prihaja do našega naravnega zaključka: kako natančno lahko stvari pospešite? Pokrivamo vse, od hitrosti strežnika, do optimizacije in nekaj dodatnih dodatkov vmes.

Najprej povejmo, kaj povzroča počasno hitrost:

Ko tu naložite moje spletno mesto na Bitcatcha, vaš brskalnik (Firefox, Safari, Chrome itd.) Začne pogovor z mojim spletnim strežnikom.

Brskalnik: “Hej spletni strežnik! Ali mi lahko ponudite vse koščke in koščke za prikaz Bitcatcha.com? “

Strežnik: “Seveda, naj jih najdem in jih pošljem čez”.

Nato spletni strežnik vse dele spletnega mesta postavi v predor in jih pošlje v vaš brskalnik, da ga naloži.

Sliši se dovolj preprosto, a tukaj je, kaj bo upočasnilo stvari:

  • Leni strežnik, ki traja več let, da odgovori na zahteve.
  • Strežnik, ki hkrati upravlja dele za številne druge spletne strani.
  • Veliko tujih delov, ki jih je treba najti in poslati v tunel.
  • Zasedeni predor.

Tu lahko gre veliko narobe. Kako torej stvari pospešimo?

Pospešite svojo spletno stran

1. del: Hitrejši strežnik

1. Nadgradite na boljšega spletnega gostitelja (tj. Boljšega strežnika)

Vaš spletni strežnik je podjetje, ki ponuja strežnik. Kot najem spletnega zemljišča, kjer boste shranili vse dele spletnega mesta.

Večina nas ponavadi kupuje najcenejšo zemljišče, ki ga najdemo. Vendar to ni nujno pametna rešitev.

Poceni spletni gostitelji najemajo prenasičene in majhne strežnike. Ne pozabite, da želite, da se vaš strežnik hitro odzove na zahteve in hitro pošlje vaše spletno mesto po tunelu v brskalnik.

Opomba

Oglejte si naš seznam najhitrejših spletnih gostovanj glede na njihov odzivni čas.

2. Preklopite s skupnega gostovanja na VPS

Poceni spletni gostitelji bodo vaše spletno mesto postavili na strežnik skupaj s množico drugih spletnih strani. Imenuje se deljeno gostovanje, kar pomeni, da se morate boriti proti njim.

Če eno spletno mesto nenadoma naloži veliko prometa, bo vaše upočasnilo, medtem ko pasovno širino povečujejo.

S prehodom na VPS (virtualni zasebni strežnik) ali (vsaj na višji strežnik v skupni rabi, kot je SiteGround), se bo vaš spletni gostitelj ograjil iz kota strežnika v skupni rabi samo za vas. To pomeni, da vam ni treba skrbeti, da vam bodo druga spletna mesta ukradla vire.

3. Pomaknite strežnik bližje občinstvu

Vsakič, ko nekdo klikne vaše spletno mesto, mora strežnik podatke fizično poslati po vsem planetu na računalniški zaslon.

Če je strežnik na drugem koncu sveta, bo to trajalo dolgo. Če veste, od kod prihaja večina vašega prometa, prosite svojega spletnega gostitelja, naj spletno mesto postavi na strežnik, ki je najbližji vaši glavni publiki.

4. Uporabite omrežje za pošiljanje vsebin

Težava pri premikanju strežnika bližje določeni publiki je, da bo nekdo izgubil. Če strežnik premaknete v Kalifornijo, bodo avstralski obiskovalci dobili čas počasnega nalaganja. Tako so tudi vaši evropski obiskovalci.

Mreža za pošiljanje vsebine ali CDN vaše podatke postavlja na strežnike po vsem svetu. Ko nekdo klikne vaše spletno mesto, nam najbližji strežnik pošlje informacije.

Pomeni, da vaši obiskovalci dosežejo zelo hitro hitrost, kjer koli že so na svetu. (Za vašo uporabo uporabljam Cloudflare tukaj v Bitcatcha.)

5. Aktivirajte nastavitev “ohrani živ”

Ko vaš strežnik pošlje datoteke vašega spletnega mesta po tunelu, vsak del potuje posebej. Vaša tabela slogi CSS, vaš logotip, vsaka slika itd.

Očitno je najučinkovitejši način, da vse to pošljemo po istem velikem tunelu.

Tu prihaja nastavitev “ohrani v življenju”. Ko je aktiviran, glavni tunel ostane vklopljen in vse poteka po isti povezavi. (To je zelo hitro).

Ko pa je nastavitev izklopljena, je treba za vsak element narediti nov predor. (To je zelo počasno).

Večina spletnih gostiteljev ohrani to nastavitev (kar je dobro), včasih pa deljeni gostitelji povezave zaprejo brez opozorila.

2. del: Optimiziranje elementov spletnega mesta

Zdaj, ko smo naredili vaš strežnik čim hitreje in učinkoviteje, kako optimiziramo same dele spletnega mesta?

6. Zmanjšajte čas povratnega potovanja (RTT)

Vaš brskalnik mora trenutno vprašati strežnik za vsak element, enega posebej. Vaš logotip, nato vsaka slika, nato vaš CSS tabelo.

Čas, potreben za prejem, je en krog.

Več potovanj, ki jih morate opraviti, traja več časa, ko se naloži celotno spletno mesto. Kot da spakirate avto s škatlami in jih prestavite v novo hišo.

Več kovčkov imate, več je potrebnih povratnih potovanj. Rešitev? Odločite količino škatel, ki jih vzamete.

Zmanjšajte količino elementov, ki jih mora strežnik poslati po predoru. Manj slik, manj kode, manj vtičnikov.

7. Omogočite stiskanje na svojem spletnem mestu

Na žalost ni samo število škatel. Kako težki so. Če so vsi vaši elementi veliki in težki, bo v vašem predoru zasedelo veliko prostora. Prav tako se bodo premikali počasneje. Kot tovornjaki sestavljajo Vsak poln težkih škatel.

Na srečo lahko spletno mesto in vse na njem stisnete. Uporaba orodja, kot je Gzip. (Prepoznajo ga 90% brskalnikov. – To so skoraj vsi, razen nekaj plašilcev, ki še vedno uporabljajo Internet Explorer 4.)

Najboljši deli vašega spletnega mesta so slike, HTML, CSS in Javascript. Če jih stisnete, lahko zmanjšate povprečno “težo” svojega spletnega mesta med prenosom.

Zanimivost

Povprečna teža spletnega mesta je 2 MB, vendar se iz leta v leto povečuje.

8. Optimizirajte svoje slike

Slike so običajno najtežji del katerega koli spletnega mesta. So največji, najbolj debel, najpočasnejši nakladalni element.

Začnite tako, da jih obrežete do natančne velikosti, ki jo potrebujete. Ne nalagajte ogromnih slik in jih pomanjšajte v HTML. Samo naložite jih v pravi velikosti.

Pred nalaganjem stisnite tudi slike. Če uporabljate WordPress, bi vtičniki, kot je WP Smush, lahko zmanjšali velikost slike za odličnih 80%!

9.… Ali pa naredite sprit

Sprite je ena sama slika, ki vsebuje veliko majhnih slik. Odličen je za skupno rabo gumbov ali drugih elementov slike.

Zdaj mora vaše spletno mesto vložiti samo eno zahtevo in ne deset ločenih. Nato lahko uporabite CSS, da izberete, kateri deli slike so prikazani.

10. Obrežite kodo

HTML je gost in težek. Prav tako se neverjetno ponavlja. CSS je nekoliko bolj racionaliziran, vendar je veliko odveč.

Čas je, da s kodo za fino zobo poiščete svojo kodo in se znebite vseh nepotrebnih bitov.

Če uporabljate predlogo iz WordPressa, Tumblr itd., Je verjetno veliko kod, ki jih ne uporabljate. Te predloge so nastavljene tako, da vam nudijo veliko možnosti za funkcionalnost. Toda večina od nas tega ne potrebuje.

Bodi neusmiljen!

11. Odstranite nekoristne vtičnike (WordPress)

V preteklosti smo vsi eksperimentirali s tonami vtičnikov. Toda pogosto jih pozabimo odstraniti.

Vsak vtičnik je še ena zahteva strežnika. To je še en tehten paket, ki blokira vaš hitri predor.

Če je ne uporabljate, jo izklopite.

12. Zmanjšajte preusmeritve

Za vsako preusmeritev se vaši paketi dvakrat dvigajo po tunelu. Če ne morate, ne uporabljajte preusmeritev na svojem spletnem mestu.

Del 3: Dodatki za bonuse

13. Zmanjšajte iskanje DNS

Obstaja en del postopka, o katerem še nismo govorili. Zgodi se že na samem začetku.

Preden vaš brskalnik začne pogovor s strežnikom, mora najti lokacijo strežnika (z iskanjem njegovega naslova IP). Kot da iščete številko strežnika v telefonskem imeniku. To traja malo časa. (Običajno 20-120 milisekund).

Še več časa traja, če je z vašim spletnim mestom povezanih več imen domen. Pogosti primeri vključujejo: blog.yourwebsite.com ali dodatne domene za slike, tabele slogov in bliskovne predmete.

Če mora vaš brskalnik to storiti petkrat, lahko izgubite pol sekunde. Naj bo čim manj domen.

14. Predpomnjenje brskalnika

Predstavljajte si, kako hitro bi šlo, če bi lahko brskalnik ohranil kopijo vseh datotek spletnega mesta. Tako ne bi bilo treba vsakič kontaktirati strežnika. Lahko jih le naloži iz spomina.

To je tisto, kar je predpomnjenje. Pomeni, da vaš brskalnik spletno mesto zapomni. Ko ga naložite drugič, je zelo hitro.

Phew! To je bil daljši post kot ponavadi, vendar mislim, da se je splačalo.

Zdaj veste vse, kar morate vedeti o hitrosti strele. Ti triki lahko obrijejo sekunde od vaše hitrosti nalaganja.

To pomeni srečne obiskovalce. In pomeni več prodaje.

Vodnik za hitrost programa WordPress

Če je vaše spletno mesto izdelano z WordPressom, smo sestavili podroben navodila za pospešitev WordPress-a po korakih. Natančne korake uporabimo za to, da Bitcatcha.com naloži v 3 sekundah.

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me