14 apgaismes triki, lai paātrinātu jūsu vietni

Šī emuāru sērija par vietnes ātrumu ir bijusi jautra izjāde.

Līdz šim mēs esam uzzinājuši, ka Amazon zaudēs 1,6 miljardus USD (!), Ja viņu vietnes palēnināsies.

Esam arī precīzi iemācījušies, kas notiek aizkulisēs, lai izraisītu vietņu palēnināšanos.

Tas ļauj mums nonākt pie dabiskā secinājuma: kā tieši jūs varat paātrināt lietas? Mēs aptveram visu, sākot no servera ātruma un beidzot ar optimizēšanu un dažām papildu ekstrām.

Vispirms apskatīsim to, kas izraisa lēno ātrumu:

Kad jūs ielādējat manu vietni šeit, Bitcatcha, jūsu pārlūkprogramma (Firefox, Safari, Chrome utt.) Sāk sarunu ar manu tīmekļa serveri.

Pārlūks: “Ei, tīmekļa serveris! Vai jūs varat man sagādāt visus bitus un gabalus, lai parādītu Bitcatcha.com, lūdzu? ”

Serveris: “Protams, ļaujiet man tos atrast un nosūtīt pāri”.

Pēc tam tīmekļa serveris ievieto visas vietnes daļas tunelī un nosūta tās pārlūkam, lai to ielādētu.

Izklausās pietiekami vienkārši, taču šeit palēnināsies:

  • Slinks serveris, kura reakcija uz pieprasījumiem prasa vairākus gadus.
  • Serveris, kas vienlaikus pārvalda daudzu citu vietņu daļas.
  • Daudz lielu tīmekļa vietņu “detaļu”, kuras katra ir jāatrod un jānosūta pa tuneli.
  • Aizņemts tunelis.

Šeit daudz kas var noiet greizi. Tātad, kā mēs paātrinām lietas?

Paātriniet savas vietnes izveidi

1. daļa: padariet serveri ātrāku

1. Jauniniet uz labāku tīmekļa resursdatoru (ti, labāku serveri)

Jūsu tīmekļa mitinātājs ir uzņēmums, kas nodrošina serveri. Tas ir tāpat kā interneta zemes gabala noma, kurā jūs uzglabāsit visas vietnes daļas.

Lielākā daļa no mums mēdz pirkt lētāko zemes gabalu, kādu atrodam. Bet tas nebūt nav gudrs risinājums.

Lēti tīmekļa mitinātāji nomā serverus, kas ir pārpildīti un mazi. Atcerieties, ka vēlaties, lai jūsu serveris ātri reaģētu uz pieprasījumiem un ātri nosūtītu jūsu vietni tunelī pārlūkam.

Piezīme

Iepazīstieties ar mūsu ātrāko tīmekļa mitināšanas sarakstu, pamatojoties uz viņu servera reakcijas laiku.

2. Pārslēdzieties no dalīta mitināšanas uz VPS

Lēti tīmekļa mitinātāji ievietos jūsu vietni serverī kopā ar daudzām citām vietnēm. To sauc par dalītu mitināšanu, un tas nozīmē, ka jums par to ir jācīnās par resursiem.

Ja vienā vietnē pēkšņi tiek noslogota satiksme, tā palēnina jūsu darbību, kamēr vietne palielina joslas platumu..

Pārslēdzoties uz VPS (virtuālo privāto serveri) vai (vismaz uz augstākā līmeņa koplietotu serveri, piemēram, SiteGround), jūsu tīmekļa resursdators norobežos no kopīgotā servera stūra tieši jums. Tas nozīmē, ka jums nav jāuztraucas par citām vietnēm, kas zog jūsu resursus.

3. Pārvietojiet serveri tuvāk auditorijai

Katru reizi, kad kāds noklikšķina uz jūsu vietnes, jūsu serverim ir fiziski jānosūta visa planētas informācija uz datora ekrānu.

Ja serveris atrodas otrā pasaules malā, tas prasīs daudz laika. Ja jūs zināt, no kurienes nāk lielākā daļa jūsu trafika, palūdziet savam tīmekļa mitinātājam ievietot jūsu vietni serverī, kas ir vistuvāk galvenajai auditorijai..

4. Izmantojiet satura piegādes tīklu

Problēmas ar sava servera pārvietošanu tuvāk noteiktai auditorijai ir tas, ka kāds zaudēs. Ja pārvietosit savu serveri uz Kaliforniju, apmeklētāji Austrālijā iegūs lēnu ielādēšanas laiku. Tā ir arī jūsu apmeklētāji Eiropā.

Satura piegādes tīkls jeb CDN ievieto jūsu datus serveros visā pasaulē. Tātad, kad kāds noklikšķina uz jūsu vietnes, vistuvākais serveris nosūta informāciju.

Tas nozīmē, ka jūsu apmeklētāji saņem īpaši ātru ātrumu, lai kur viņi atrastos. (Jūsu zināšanai es izmantoju Cloudflare šeit, Bitcatcha.)

5. Aktivizējiet iestatījumu “uzturēt dzīvi”

Kad serveris nosūta jūsu vietnes failus tunelī, katra daļa pārvietojas atsevišķi. Jūsu CSS stila lapa, logotips, katrs jūsu attēls utt.

Acīmredzot visefektīvākais veids, kā to izdarīt, ir viņu visu nosūtīšana pa to pašu lielo tuneli.

Šeit nonāk iestatījums “uzturēt dzīvi”. Kad tas ir aktivizēts, galvenais tunelis paliek ieslēgts, un viss nonāk vienā un tajā pašā savienojumā. (Tas ir īpaši ātri).

Bet, kad iestatījums ir izslēgts, katram elementam ir jāizveido jauns tunelis. (Tas notiek ļoti lēni).

Lielākā daļa tīmekļa mitinātāju uztur šo iestatījumu (kas ir labi), taču dažreiz koplietotie resursdatori savienojumus pārtrauc bez brīdinājuma.

2. daļa: Vietnes elementu optimizēšana

Tagad, kad esam padarījuši jūsu serveri pēc iespējas ātrāku un efektīvāku, kā mēs optimizējam pašas vietnes daļas?

6. Samaziniet turp un atpakaļ laiku (RTT)

Jūsu pārlūkprogrammai serverim ir jāprasa katrs elements pa vienam. Jūsu logotips, pēc tam katrs no attēliem, pēc tam CSS stila lapa.

Laiks, kas nepieciešams tā saņemšanai, ir viens turp un atpakaļ.

Jo vairāk braucienu turp un atpakaļ, jo ilgāka būs vietnes ielādēšana. Tas ir tāpat kā automašīnas sakraušana kastēs un pārvietošana uz jaunu māju.

Jo vairāk kastes jums ir, jo vairāk braucienu jums būs jāveic. Atrisinājums? Samaziniet uzņemto kastu daudzumu.

Samaziniet to elementu daudzumu, kas serverim jānosūta tunelī. Mazāk attēlu, mazāk koda, mazāk spraudņu.

7. Iespējojiet saspiešanu savā vietnē

Diemžēl tas nav tikai rūtiņu skaits. Tas ir cik smagi viņi ir. Ja visi jūsu elementi ir lieli un smagi, tunelī tas aizņems daudz vietas. Viņi arī pārvietojas lēnāk. Tas ir tāpat kā kravas automašīnu celtniecība. Katra pilna ar smagām kastēm.

Par laimi, jūs varat saspiest savu vietni un visu to. Izmantojot tādu rīku kā Gzip. (To atzīst 90% pārlūkprogrammu. – Tas ir gandrīz ikviens, izņemot dažus stragglers, kas joprojām izmanto Internet Explorer 4.)

Vissīkākās vietnes daļas ir attēli, HTML, CSS un Javascript. Saspiežot tos, jūs varat samazināt vietnes vidējo “svaru”, kamēr tā tiek pārsūtīta.

Jautrs fakts

Vietnes vidējais svars ir 2 MB, bet ar katru gadu tā kļūst lielāka.

8. Optimizējiet savus attēlus

Attēli parasti ir jebkuras vietnes vissvarīgākā daļa. Tie ir lielākais, resnākais un lēnākais iekraušanas elements.

Sāciet ar to apgriešanu līdz vajadzīgajam izmēram. Neaugšupielādējiet milzīgus attēlus un samaziniet tos HTML formātā. Vienkārši augšupielādējiet tos pareizajā izmērā.

Pirms augšupielādes arī saspiest attēlus. Ja jūs izmantojat WordPress, tādi spraudņi kā WP Smush varētu samazināt attēla izmēru par 80%!

9.… vai arī pagatavojiet sprites

Sprite ir viens atsevišķs attēls, kurā ir daudz mazu attēlu. Tas ir lieliski piemērots, lai koplietotu pogas vai citus attēla elementus.

Tagad jūsu vietnei ir jāiesniedz viens pieprasījums, nevis desmit atsevišķi. Pēc tam varat izmantot CSS, lai izvēlētos, kuras attēla daļas tiek parādītas kur.

10. Apgrieziet savu kodu

HTML ir blīvs un smags. Tas ir arī neticami atkārtojošs. CSS ir nedaudz pilnveidota, taču liela daļa no tā ir lieka.

Ir pienācis laiks iziet savu kodu ar smalku zobu ķemmi un atbrīvoties no visiem nevajadzīgajiem gabaliņiem.

Ja izmantojat veidni no WordPress, Tumblr utt., Iespējams, ir daudz kodu, ko nelietojat. Šīs veidnes ir izveidotas, lai sniegtu jums daudz funkcionalitātes iespēju. Bet lielākajai daļai no mums tas viss nav vajadzīgs.

Esiet nesaudzīgs!

11. Atinstalējiet bezjēdzīgus spraudņus (WordPress)

Gadu gaitā mēs visi esam eksperimentējuši ar tonnām spraudņu. Bet bieži mēs aizmirstam tos atinstalēt.

Katrs spraudnis ir cits servera pieprasījums. Tas ir vēl viens nozīmīgs iepakojums, kas bloķē jūsu ātrgaitas tuneli.

Ja to neizmantojat, izslēdziet to.

12. Samaziniet novirzīšanu

Katrā novirzīšanā jūsu paketes divreiz iet augšup un lejup pa tuneli. Nelietojiet novirzīšanas savā vietnē, ja vien jums tas nav absolūti nepieciešams.

3. daļa: Bonusu papildinājumi

13. Samaziniet DNS meklēšanu

Ir viena procesa daļa, par kuru mēs vēl neesam runājuši. Tas notiek tieši pašā sākumā.

Pirms jūsu pārlūkprogramma sāk sarunu ar serveri, tam jāatrod servera atrašanās vieta (atrodot tā IP adresi). Tas ir tāpat kā meklēt servera numuru tālruņu katalogā. Tas prasa mazu laiku. (Parasti 20–120 milisekundes).

Tas prasa vēl ilgāku laiku, ja ar jūsu vietni ir saistīti vairāki domēna vārdi. Pie parastiem piemēriem var minēt: blog.yourwebsite.com vai papildu domēnus attēliem, stilu lapām un flash objektiem.

Ja jūsu pārlūkprogrammai tas jādara piecas reizes, jūs varat zaudēt pusi sekundes. Turiet to pēc iespējas mazāk domēnu.

14. Pārlūka kešatmiņa

Iedomājieties, cik ātri notiktu, ja jūsu pārlūkprogramma varētu saglabāt visu vietnes failu kopijas. Tādā veidā nebūtu katru reizi jāsazinās ar serveri. Tas varētu viņus vienkārši ielādēt no atmiņas.

Tieši tā ir kešatmiņas saglabāšana. Tas nozīmē, ka jūsu pārlūkprogramma vietni “atceras”. Otrreiz ielādējot to, tas ir ļoti ātrs.

Phew! Tas bija ilgāks amats nekā parasti, bet es domāju, ka tas bija tā vērts.

Tagad jūs zināt visu, kas ir jāzina, lai padarītu jūsu vietni zibenīgi ātru. Šie triki varētu noskaidrot sekundes no jūsu ielādes ātruma.

Tas nozīmē laimīgus apmeklētājus. Un tas nozīmē vairāk pārdošanas.

WordPress ātruma ceļvedis

Ja jūsu vietne tiek veidota, izmantojot WordPress, mēs esam apkopojuši detalizētu soli pa solim par WordPress paātrināšanu. Mēs izmantojam precīzas darbības, lai Bitcatcha.com ielādētos 3 sekundēs.

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