Hierdie blogreeks oor die spoed van die webwerf was 'n lekker rit.
Tot dusver het ons geleer dat Amazon $ 1,6 miljard (!) Sou verloor as hul webwerf vertraag.
Ons het ook presies geleer wat agter die skerms aangaan om die verlangsaming van die webwerf te veroorsaak.
Dit bring ons tot ons natuurlike gevolgtrekking: hoe presies kan u dinge bespoedig? Ons dek alles van bedienerspoed tot optimering en 'n paar bonus-ekstras tussenin.
Laat ons eers kyk wat die trae spoed veroorsaak:
As u my webwerf hier by Bitcatcha laai, begin u blaaier (Firefox, Safari, Chrome, ens.) 'N gesprek met my webbediener.
Blaaier: "Hey webbediener! Kan u vir my al die stukke kry om Bitcatcha.com te vertoon? '
Bediener: 'Sure ding, laat ek hulle vind en stuur dit oor'.
Dan plaas die webbediener al die webwerfonderdele in 'n tonnel en stuur dit na u blaaier om dit op te laai.
Klink eenvoudig, maar dit is wat dinge vertraag:
'N Lui bediener wat jare neem om op versoeke te reageer.
'N Bediener wat onderdele vir baie ander webwerwe tegelyk bestuur.
Baie groot webwerf 'dele' wat elk gevind moet word en in die tonnel afgestuur moet word.
'N Besige tonnel.
Daar is baie wat hier kan verkeerd gaan. Dus, hoe bespoedig ons dinge??
1 Deel 1: Maak u bediener vinniger
1.1 1. Opgradeer na 'n beter webgasheer (dws 'n beter bediener)
1.2 2. Skakel van gedeelde hosting na 'n VPS
1.3 3. Beweeg die bediener nader aan u gehoor
1.4 4. Gebruik 'n netwerk vir inhoudsaflewering
1.5 5. Aktiveer die instelling 'hou lewendig'
2 Deel 2: Optimaliseer webwerfelemente
2.1 6. Verminder retoer tyd (RTT's)
2.2 7. Aktiveer kompressie op u webwerf
2.3 8. Optimaliseer u beelde
2.5 10. Knip u kode
2.6 11. Verwyder nuttelose plugins (WordPress)
2.7 12. Verminder aansture
3 Deel 3: Bonus-ekstra's
3.1 13. Verminder DNS-soek
3.2 14. Cache van blaaier
Deel 1: Maak u bediener vinniger
1. Opgradeer na 'n beter webgasheer (dws 'n beter bediener)
U webgasheer is die maatskappy wat die bediener voorsien. Dit is soos om 'n stuk internetgrond te huur, waar u al die webwerfonderdele sal stoor.
Die meeste van ons is geneig om die goedkoopste stuk grond wat ons vind, te koop. Maar dit is nie noodwendig 'n wyse oplossing nie.
Goedkoop webgashere huur bedieners wat klein en klein is. Onthou, u wil hê dat u bediener vinnig moet reageer op versoeke, en u webwerf vinnig deur die tonnel na die blaaier stuur.
Kyk na ons lys met die vinnigste webhosting gebaseer op hul reaksietyd op die bediener.
2. Skakel van gedeelde hosting na 'n VPS
Goedkoop webgashere plaas u webwerf op 'n bediener saam met tientalle ander webwerwe. Dit word gedeelde hosting genoem, en dit beteken dat u dit vir hulpbronne moet beveg.
As een webwerf skielik baie verkeer kry, sal dit die uwe vertraag, terwyl hulle die bandwydte verswak..
Deur oor te skakel na 'n VPS ('n virtuele privaatbediener) of (ten minste 'n gedeelde bediener soos SiteGround), sal u webgasheer 'n hoek van die gedeelde bediener net vir u omhein. Dit beteken dat u nie hoef te bekommer oor ander webwerwe wat u hulpbronne steel nie.
3. Beweeg die bediener nader aan u gehoor
Elke keer as iemand op u webwerf klik, moet u bediener die inligting regoor die planeet fisies na hul rekenaarskerm stuur.
As die bediener aan die ander kant van die wêreld is, sal dit lank duur. As u weet waar die meeste van u verkeer vandaan kom, vra u webgasheer om u webwerf op 'n bediener naaste aan u hoofpubliek te plaas.
4. Gebruik 'n netwerk vir inhoudsaflewering
Die probleem om u bediener nader aan 'n sekere gehoor te skuif, is dat iemand sal verloor. As u u bediener na Kalifornië verhuis, sal u Australiese besoekers 'n stadige laai tyd kry. Net so is u Europese besoekers.
'N Inhoudsafleweringsnetwerk, of CDN, plaas u data op bedieners oor die hele wêreld. As iemand dus op u webwerf klik, stuur die bediener naaste aan hom die inligting.
Dit beteken dat u besoekers 'n super vinnige snelheid kry waar hulle ook al ter wêreld is. (Vir u verwysing gebruik ek Cloudflare hier in Bitcatcha.)
5. Aktiveer die instelling 'hou lewendig'
As u bediener u webwerf-lêers in die tonnel af stuur, reis elke onderdeel afsonderlik. U CSS-stylblad, u logo, elk van u beelde, ens.
Dit is duidelik dat die doeltreffendste manier is om almal in dieselfde groot tonnel af te stuur.
Dit is waar die instelling 'aanhou leef' ingaan. As dit geaktiveer is, bly die hooftunnel aan, en alles kom uit dieselfde verband. (Dit is super vinnig).
Maar as die instelling af is, moet 'n nuwe tonnel vir elke element gemaak word. (Dit is super stadig).
Die meeste webgashere hou hierdie instelling aan (wat goed is), maar soms gedeelde gashere sluit die verbindings sonder waarskuwing.
Deel 2: Optimaliseer webwerfelemente
Noudat ons u bediener so vinnig en doeltreffend moontlik gemaak het, hoe optimaliseer ons die webwerfonderdele self?
6. Verminder retoer tyd (RTT's)
U blaaier moet tans die bediener vir elke element een vir een vra. U logo, dan elk van die prente en dan u CSS-stylblad.
Die tyd wat dit neem om dit te ontvang, is een retoerrit.
Hoe meer rondritte u moet doen, hoe langer neem dit om die hele webwerf te laai. Dit is soos om u motor met bokse in te pak en na 'n nuwe huis te skuif.
Hoe meer vakkies jy het, hoe meer ritte moet jy doen. Die oplossing? Sny die hoeveelheid bokse wat u neem uit.
Verminder die hoeveelheid elemente wat u bediener in die tonnel moet afstuur. Minder prente, minder kode, minder plugins.
7. Aktiveer kompressie op u webwerf
Ongelukkig is dit nie net die aantal bokse nie. Dit is hoe swaar hulle is. As al u elemente groot en swaar is, sal dit baie ruimte in u tonnel inneem. Hulle sal ook stadiger beweeg. Dit is soos vragmotors opbou. Elkeen vol swaar bokse.
Gelukkig kan u u webwerf, en alles daarop, saamgepers. Gebruik 'n instrument soos Gzip. (Dit word deur 90% van die blaaiers erken. – Dit is bykans almal behalwe 'n paar stryders wat Internet Explorer 4 gebruik.)
Die gemiddelde gewig van 'n webwerf is 2 MB, maar dit word elke jaar groter.
8. Optimaliseer u beelde
Prente is gewoonlik die gewigtigste deel van enige webwerf. Dit is die grootste, vetste, stadigste laai-element.
Begin deur hulle af te sny in die presiese grootte wat u benodig. Moenie enorme prente oplaai en dit in die HTML-formaat afskaal nie. Laai dit net op die regte grootte op.
Druk u beelde ook saam voordat u dit oplaai. As u WordPress gebruik, kan inproppe soos WP Smush die beeldgrootte met 'n groot 80% verminder.!
'N Sprite is 'n enkele afbeelding wat baie min beelde bevat. Dit is wonderlik om knoppies of ander beeldelemente te deel.
Nou moet u webwerf net een versoek rig, eerder as tien afsonderlike. U kan dan CSS gebruik om te kies watter dele van die beeld vertoon word.
10. Knip u kode
HTML is dig en swaar. Dit is ook ongelooflik herhalend. CSS is 'n bietjie meer vaartbelyn, maar baie daarvan is oortollig.
Dit is tyd om u kode deur te gaan met 'n fyn tandekam en ontslae te raak van al die onnodige stukkies.
As u 'n sjabloon van WordPress, Tumblr, ens. Gebruik, is daar waarskynlik baie kodes wat u nie gebruik nie. Hierdie sjablone is opgestel om u baie opsies vir funksionaliteit te gee. Maar die meeste van ons het dit nie alles nodig nie.
11. Verwyder nuttelose plugins (WordPress)
Ons het oor die jare heen met baie plugins geëksperimenteer. Maar dikwels vergeet ons om dit te verwyder.
Elke inprop is 'n ander bedienerversoek. Dit is nog 'n gewigtige pakket wat u snelheidstunnel blokkeer.
As u dit nie gebruik nie, skakel dit uit.
Vir elke herleiding, gaan u pakkette twee keer op en af ​​in die tonnel. Moenie aansture op u webwerf gebruik nie, tensy u dit absoluut hoef te doen.
Deel 3: Bonus-ekstra's
13. Verminder DNS-soek
Daar is een deel van die proses waaroor ons nog nie gepraat het nie. Dit gebeur heel aan die begin.
Voordat u blaaier met die bediener begin, moet hy die bediener se ligging vind (deur die IP-adres te vind). Dit is soos om die bediener se nommer in die telefoonboek op te soek. Dit neem 'n bietjie tyd. (Gewoonlik 20-120 millisekondes).
Dit neem nog langer as daar verskeie domeinname aan u webwerf gekoppel is. Algemene voorbeelde sluit in: blog.yourwebsite.com, of addisionele domeine vir prente, stylblaaie en flitsvoorwerpe.
As u blaaier dit vyf keer moet doen, kan u 'n halwe sekonde verloor. Hou dit by so min domeine as moontlik.
14. Cache van blaaier
Stel u voor hoe vinnig dit sou verloop as u blaaier 'n kopie van al die lêers op die webwerf kan hou. Op hierdie manier hoef dit nie elke keer met die bediener te skakel nie. Dit kan hulle net uit die geheue laai.
Dit is wat caching is. Dit beteken dat u blaaier die webwerf 'onthou'. As u dit vir 'n tweede keer laai, is dit super vinnig.
Sjoe! Dit was 'n langer pos as gewoonlik, maar ek dink dit was die moeite werd.
Nou weet u alles wat u moet weet om u webwerf vinnig weerlig te maak. Hierdie truuks kan sekondes van u vragsnelheid afskeer.
Dit beteken gelukkige besoekers. En dit beteken meer verkope.
As u webwerf met WordPress gebou is, het ons 'n gedetailleerde stap-vir-stap-gids saamgestel oor die bespoediging van WordPress. Ons gebruik die presiese stappe om Bitcatcha.com baie binne drie sekondes te laai.