14 Ljósbrellur til að flýta vefsíðunni þinni

Þessi bloggsería um hraða vefsíðunnar hefur verið skemmtileg ferð.


Enn sem komið er höfum við komist að því að Amazon myndi tapa 1,6 milljörðum dollara (!) Ef hægt var á vefsíðu þeirra.

Við höfum líka lært nákvæmlega hvað er að gerast á bak við tjöldin og valdið hægagangi á vefsíðum.

Það færir okkur að náttúrulegri niðurstöðu okkar: hvernig nákvæmlega er hægt að flýta fyrir hlutunum? Við erum að ná yfir allt frá netþjónahraða, til fínstillingar og nokkurra aukabóta á milli.

Í fyrsta lagi skulum við rifja upp það sem veldur hægum hraða:

Þegar þú hleður niður vefsíðunni minni hér á Bitcatcha byrjar vafrinn þinn (Firefox, Safari, Chrome osfrv.) Samtal við vefþjóninn minn.

Vafri: „Hey vefþjónn! Geturðu fengið mér alla bita og verk til að sýna Bitcatcha.com vinsamlegast? “

Miðlarinn: “Jú, leyfðu mér að finna þá og senda þá yfir”.

Síðan setur vefþjónninn alla vefsvæðishlutana í göng og sendir þá yfir í vafrann þinn til að hlaða hann upp.

Hljómar nógu einfalt, en hér er það sem mun hægja á hlutunum:

  • Latur netþjónn sem tekur aldur til að svara beiðnum.
  • Miðlarinn sem er samtímis að stjórna hlutum fyrir fullt af öðrum vefsíðum.
  • Fullt af stórum vefsíðu „hlutum“ sem hver og einn þarf að finna og senda niður göngin.
  • Upptekinn göng.

Það er margt sem getur farið úrskeiðis hér. Svo, hvernig hraðum við hlutunum?

Flýttu vefsíðunni þinni

1. hluti: Gerðu netþjóninn hraðari

1. Uppfærðu í betri vefþjón (þ.e. betri netþjón)

Vefþjónninn þinn er fyrirtækið sem veitir þjóninn. Það er eins og að leigja lóð af internetlandi, þar sem þú munt geyma alla vefsíðna.

Flest okkar hafa tilhneigingu til að kaupa ódýrasta lóð sem við finnum. En það er ekki endilega skynsamleg lausn.

Ódýr vefþjónusta hýsir netþjóna sem eru fjölmennir og litlir. Mundu að þú vilt að netþjóninn þinn svari fljótt við beiðnum og sendi vefsíðuna þína hratt niður í göngin til vafrans.

Athugið

Skoðaðu lista okkar með hraðasta vefþjónusta á grundvelli viðbragðstíma netþjónanna.

2. Skiptu úr sameiginlegri hýsingu yfir í VPS

Ódýrar vefþjónusta mun setja vefsíðuna þína á netþjóninn og mörg önnur vefsíður. Það kallast hluti hýsingar og það þýðir að þú verður að berjast gegn því fyrir úrræði.

Ef ein vefsíða fær skyndilega mikið af umferð, þá mun það hægja á þér, á meðan þau gabba upp bandvíddina.

Með því að skipta yfir í VPS (sýndar einkaþjónn) eða (að minnsta kosti sameiginlegan netþjóni eins og SiteGround), mun vefþjóninn þinn girða hornið á sameiginlegum netþjóni bara fyrir þig. Það þýðir að þú þarft ekki að hafa áhyggjur af því að aðrar vefsíður stela auðlindunum þínum.

3. Færðu netþjóninn nær áhorfendum

Í hvert skipti sem einhver smellir á síðuna þína verður netþjóninn þinn að senda upplýsingarnar á jörðinni líkamlega á tölvuskjáinn sinn.

Ef netþjónninn er hinum megin í heiminum mun þetta taka langan tíma. Ef þú veist hvaðan mest af umferðinni þinni kemur, skaltu biðja vefþjóninn þinn að setja vefsíðuna þína á netþjóni næst þínum aðalheimum.

4. Notaðu afhendingarnet

Vandræðin við að færa netþjóninn nær ákveðnum markhóp er að einhver tapar. Ef þú flytur netþjóninn þinn til Kaliforníu munu ástralsku gestirnir fá hægan hleðslutíma. Svo eru evrópskir gestir þínir.

Innihald afhendingarnet, eða CDN, setur gögnin þín á netþjóna um allan heim. Svo þegar einhver smellir á vefsíðuna þína sendir netþjóninn næst þeim upplýsingarnar.

Það þýðir að gestir þínir fá frábæran hraða hvar sem þeir eru í heiminum. (Til viðmiðunar nota ég Cloudflare hér í Bitcatcha.)

5. Kveiktu á „halda lífi“

Þegar netþjóninn sendir vefsíðuskrárnar niður í göngin ferðast allir hlutar hver fyrir sig. CSS stílblað þitt, lógóið þitt, hverjar myndir þínar osfrv.

Augljóslega er skilvirkasta leiðin til þess að senda þá alla niður í sömu stóru göngin.

Það er þar sem stillingin „halda lífi“ kemur inn. Þegar hún er virk, helst göngin áfram og allt kemur niður á sömu tengingu. (Þetta er frábær hratt).

En þegar stillingin er óvirk, verður að gera ný göng fyrir alla þætti. (Þetta er ofur hægt).

Flestir gestgjafar halda þessari stillingu á (sem er góð), en stundum hýsa sameiginlegir gestgjafar tengingarnar án fyrirvara.

Hluti 2: Fínstilltu vefsíðuþætti

Nú þegar við höfum gert netþjóninn þinn eins hratt og skilvirkt og mögulegt er, hvernig fínstillum við vefsvæðishlutana sjálfa?

6. Draga úr hringferðartíma (RTT)

Vafrinn þinn þarf nú að biðja netþjóninn um hvern þátt í einu. Merki þitt, síðan hverja mynd og síðan CSS stílblað.

Tíminn sem það tekur að taka á móti henni er ein hringferð.

Því fleiri hringferðir sem þú þarft að fara, því lengri tíma tekur að hlaða alla vefsíðuna. Það er eins og að pakka bílnum þínum með kassa og flytja þá í nýtt hús.

Því fleiri reiti sem þú hefur fengið, því fleiri hringferðir þú verður að fara. Lausnin? Skerið niður magn kassa sem þú tekur.

Draga úr magni þátta sem netþjónninn þinn hefur til að senda niður göngin. Færri myndir, minni kóða, færri viðbætur.

7. Virkja samþjöppun á vefsíðunni þinni

Því miður er það ekki bara fjöldi kassa. Það er hversu þungir þeir eru. Ef allir þættirnir þínir eru stórir og þungir mun það taka mikið pláss í göngunum þínum. Þeir munu líka fara hægt. Það er eins og vörubifreiðar byggist upp. Hver fullur af þungum kassa.

Sem betur fer geturðu þjappað vefsíðunni þinni og öllu á henni. Notkun tól eins og Gzip. (Það er viðurkennt af 90% vafra. – Það eru nokkurn veginn allir nema nokkrir stragglers sem enn nota Internet Explorer 4.)

Helstu hlutar vefsins eru myndirnar, HTML, CSS og Javascript. Með því að þjappa þeim geturðu dregið úr meðaltali ‘þyngd’ vefsvæðisins meðan það flytur.

Skemmtileg staðreynd

Meðalþyngd vefsvæðis er 2MB, en hún verður stærri með hverju árinu.

8. Fínstilltu myndirnar þínar

Myndir eru venjulega þyngsti hluti vefsíðu. Þeir eru stærsti, feitasti og hægasta hleðslan.

Byrjaðu með því að skera þær niður í nákvæmlega þá stærð sem þú þarft á þeim að halda. Ekki hlaða upp gríðarlegum myndum og breyta þeim niður í HTML. Hlaðið þeim bara í réttri stærð.

Þjappaðu einnig myndirnar þínar áður en þú hleður þeim inn. Ef þú ert að nota WordPress gætu viðbætur eins og WP Smush skorið niður stærð myndarinnar um 80%!

9.… Eða búðu til sprites

Sprite er ein mynd sem inniheldur fullt af litlum myndum. Það er frábært fyrir samnýtingu hnappa eða annarra myndaþátta.

Nú þarf vefsíðan þín bara að leggja fram eina beiðni, frekar en tíu aðskildar. Þú getur síðan notað CSS til að velja hvaða hluta myndarinnar birtist hvar.

10. Snyrta kóðann þinn

HTML er þéttur og þungur. Það er líka ótrúlega einhæft. CSS er aðeins straumlínulagaðra, en margt af því er óþarfi.

Það er kominn tími til að fara í gegnum kóðann þinn með fínu tönnarkambi og losna við alla óþarfa bita.

Ef þú notar sniðmát frá WordPress, Tumblr o.fl., þá er líklega mikið af kóða sem þú ert ekki að nota. Þessi sniðmát eru sett upp til að gefa þér fullt af möguleikum fyrir virkni. En flest okkar þurfa ekki allt.

Vertu miskunnarlaus!

11. Fjarlægðu gagnslaus viðbót (WordPress)

Við höfum öll gert tilraunir með mörg tappi í gegnum tíðina. En oft gleymum við að fjarlægja þá.

Sérhver viðbót er önnur netþjónnabeiðni. Það er annar þungur pakki sem lokar fyrir háhraða göngin þín.

Ef þú ert ekki að nota það skaltu slökkva á því.

12. Draga úr tilvísunum

Fyrir hverja tilvísun fara pakkarnir tvisvar upp og niður í göngin. Ekki nota tilvísanir á vefsíðuna þína.

3. hluti: Bónus aukahlutir

13. Draga úr leit DNS

Það er einn hluti af ferlinu sem við höfum ekki talað um enn. Það gerist strax í byrjun.

Áður en vafrinn þinn byrjar samtalið við netþjóninn verður hann að finna staðsetningu netþjónsins (með því að finna IP-tölu hans). Það er eins og að leita að númeri netþjónsins í símaskránni. Það tekur smá tíma. (Venjulega 20-120 millisekúndur).

Það tekur jafnvel lengri tíma ef mörg lén eru tengd vefsíðunni þinni. Algeng dæmi eru: blog.ywebsite.com, eða viðbótarlén fyrir myndir, stílblöð og leifturmunir.

Ef vafrinn þinn þarf að gera það fimm sinnum gætirðu tapað hálfri sekúndu. Hafðu það á eins fáum lénum og mögulegt er.

14. Skyndiminni í vafra

Ímyndaðu þér hversu hratt hlutirnir væru ef vafrinn þinn gæti geymt afrit af öllum vefsíðuskrám. Þannig þyrfti það ekki að hafa samband við netþjóninn í hvert skipti. Það gæti bara hlaðið þeim upp úr minni.

Það er það sem skyndiminni er. Það þýðir að vafrinn þinn „man“ vefsíðuna. Þegar þú hleðst það upp í annað sinn er það ofboðslega hratt.

Phew! Þetta var lengri staða en venjulega, en ég held að það hafi verið þess virði.

Nú þú veist allt sem er að vita um að gera vefsíðu þína eldingu hratt. Þessar brellur gætu rakað sekúndur af hleðsluhraða þínum.

Það þýðir ánægðir gestir. Og það þýðir meiri sölu.

WordPress hraðaleiðbeiningar

Ef vefsíðan þín er byggð með WordPress höfum við tekið saman ítarlegar leiðbeiningar um skref fyrir skref í WordPress. Við notum nákvæm skref til að hlaða Bitcatcha.com á 3 sekúndum.

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