14 belysningstriks for å få fart på nettstedet ditt

Denne bloggserien om nettstedets hastighet har vært en morsom tur.


Så langt har vi lært at Amazon ville tape 1,6 milliarder dollar (!) Hvis nettstedet ble redusert.

Vi har også lært nøyaktig hva som skjer bak kulissene for å forårsake avmatning på nettstedet.

Det bringer oss til vår naturlige konklusjon: hvordan nøyaktig kan du fremskynde ting? Vi dekker alt fra serverhastighet til optimalisering og noen få bonusutstyr i mellom.

La oss først se hva som forårsaker treg hastighet:

Når du laster opp nettstedet mitt her på Bitcatcha, starter nettleseren din (Firefox, Safari, Chrome osv.) En samtale med webserveren min.

Nettleser: “Hei webserver! Kan du få alle bitene og bitene til å vise Bitcatcha.com? “

Server: “Visst, la meg finne dem og sende dem over”.

Deretter legger webserveren alle nettstedets deler i en tunnel og sender dem over til nettleseren din for å laste den opp.

Høres enkelt ut, men her er hva som vil bremse ting:

  • En lat server som tar aldre å svare på forespørsler.
  • En server som samtidig administrerer deler for mange andre nettsteder.
  • Mange store nettsider ‘deler’ som hver må bli funnet og sendt ned i tunnelen.
  • En travel tunnel.

Det er mye som kan gå galt her. Så, hvordan får vi fart på ting?

Fremskynde nettstedet ditt

Del 1: Gjør serveren din raskere

1. Oppgrader til en bedre webhotell (dvs. en bedre server)

Nettverten din er selskapet som leverer serveren. Det er som å leie en tomt med tomteland, hvor du vil lagre alle nettstedets deler.

De fleste av oss har en tendens til å kjøpe den billigste tomten vi finner. Men det er ikke nødvendigvis en klok løsning.

Billige webverter leier overfylte og små servere. Husk at du vil at serveren din skal svare raskt på forespørsler, og raskt kan sende nettstedet ditt ned i tunnelen til nettleseren.

Merk

Sjekk ut vår liste over raskeste webhotell basert på deres responstid på serveren.

2. Bytt fra delt hosting til en VPS

Billige webhoteller vil plassere nettstedet ditt på en server sammen med mange andre nettsteder. Det kalles delt hosting, og det betyr at du må kjempe for ressurser.

Hvis ett nettsted plutselig får mye trafikk, kommer det til å bremse ditt, mens de surrer båndbredden.

Ved å bytte til en VPS (en virtuell privat server) eller (i det minste en high end delt server som SiteGround), vil webhotellet gjerdes av et hjørne av den delte serveren bare for deg. Det betyr at du ikke trenger å bekymre deg for at andre nettsteder stjeler ressursene dine.

3. Flytt serveren nærmere publikum

Hver gang noen klikker på nettstedet ditt, må serveren din fysisk sende informasjonen over hele planeten til dataskjermen.

Hvis serveren er på den andre siden av verden, vil det ta lang tid. Hvis du vet hvor mesteparten av trafikken din kommer fra, kan du be webverten din om å plassere nettstedet ditt på en server nærmest ditt største publikum.

4. Bruk et innholdsleveringsnettverk

Problemet med å flytte serveren din nærmere et bestemt publikum, er at noen vil tape. Hvis du flytter serveren din til California, vil de australske besøkende få en langsom lastingstid. Slik er dine europeiske besøkende.

Et innholdsleveringsnettverk, eller CDN, legger dataene dine på servere over hele verden. Så når noen klikker på nettstedet ditt, sender serveren nærmest dem informasjonen.

Det betyr at besøkende får en super rask hastighet uansett hvor de er i verden. (For din referanse bruker jeg Cloudflare her i Bitcatcha.)

5. Aktiver innstillingen ‘holde seg i live’

Når serveren sender nettstedets filer ned i tunnelen, reiser hver del hver for seg. CSS-stilarket, logoen din, hvert av bildene dine osv.

Det er klart, den mest effektive måten å gjøre dette på er å sende dem alle ned den samme store tunnelen.

Det er her innstillingen ‘holde seg i live’ kommer inn. Når den er aktivert, forblir hovedtunnelen på, og alt kommer ut av den samme forbindelsen. (Dette er superrask).

Men når innstillingen er av, må det lages en ny tunnel for hvert element. (Dette er super tregt).

De fleste webverter holder denne innstillingen på (noe som er bra), men noen ganger delte verter lukker forbindelsene uten forvarsel.

Del 2: Optimaliser nettstedselementer

Nå som vi har gjort serveren din så rask og effektiv som mulig, hvordan optimaliserer vi nettstedets deler?

6. Reduser tur / retur-tid (RTT)

Nettleseren din må for øyeblikket be serveren om hvert element, ett om gangen. Logoen din, deretter hvert av bildene og deretter CSS-stilarket.

Tiden det tar å motta den er en tur / retur.

Jo flere turer du må gjøre, jo lengre tid tar hele nettstedet å laste. Det er som å pakke bilen din med kasser og flytte dem til et nytt hus.

Jo flere bokser du har, jo flere turer du må ta. Løsningen? Kutt ned mengden bokser du tar.

Reduser mengden elementer serveren din har til å sende ned tunnelen. Færre bilder, mindre kode, færre plugins.

7. Aktiver komprimering på nettstedet ditt

Dessverre er det ikke bare antall bokser. Det er hvor tunge de er. Hvis alle elementene dine er store og tunge, vil det ta mye plass i tunnelen din. De vil også gå saktere. Det er som lastebiler som bygger seg opp. Hver full av tunge kasser.

Heldigvis kan du komprimere nettstedet ditt, og alt på den. Ved hjelp av et verktøy som Gzip. (Det er anerkjent av 90% av nettleserne. – Det er stort sett alle, bortsett fra noen få striglere som fortsatt bruker Internet Explorer 4.)

De små delene av nettstedet ditt er bilder, HTML, CSS og Javascript. Ved å komprimere dem, kan du redusere nettstedets gjennomsnittlige ‘vekt’ mens det overføres.

Morsom fakta

Gjennomsnittsvekten på et nettsted er 2 MB, men den vokser seg større for hvert år.

8. Optimaliser bildene dine

Bilder er vanligvis den tyngste delen av nettstedet. De er det største, feteste og tregeste lastelementet.

Begynn med å beskjære dem til den nøyaktige størrelsen du trenger dem. Ikke last opp enorme bilder, og skaler dem ned i HTML-koden. Bare last dem opp i riktig størrelse.

Komprimerer også bildene dine før du laster opp. Hvis du bruker WordPress, kan plugins som WP Smush redusere bildestørrelsen med fantastiske 80%!

9.… Eller lag spriter

En sprite er ett enkelt bilde som inneholder mange små bilder. Det er flott å dele knapper eller andre bildeelementer.

Nå trenger nettstedet ditt bare å sende en forespørsel, i stedet for ti separate. Du kan deretter bruke CSS til å velge hvilke deler av bildet som skal vises der.

10. Trim koden din

HTML er tett og tung. Det er også utrolig repeterende. CSS er litt mer strømlinjeformet, men mye av det er overflødig.

Det er på tide å gå gjennom koden din med en fin tannkam, og bli kvitt alle unødvendige biter.

Hvis du bruker en mal fra WordPress, Tumblr osv., Er det sannsynligvis mange koder du ikke bruker. Disse malene er satt opp for å gi deg mange muligheter for funksjonalitet. Men de fleste av oss trenger ikke alt.

Vær hensynsløs!

11. Avinstaller ubrukelige plugins (WordPress)

Vi har alle eksperimentert med mange plugins gjennom årene. Men ofte glemmer vi å avinstallere dem.

Hver plugin er en annen serverforespørsel. Det er en annen tung pakke som blokkerer høyhastighetstunnelen din.

Hvis du ikke bruker den, slår du den av.

12. Reduser viderekoblinger

For hver viderekobling går pakkene dine opp og ned i tunnelen to ganger. Ikke bruk viderekoblinger på nettstedet ditt, med mindre du absolutt må.

Del 3: Bonusutstyr

13. Reduser DNS-oppslag

Det er en del av prosessen vi ikke har snakket om ennå. Det skjer helt i starten.

Før nettleseren din starter samtalen med serveren, må den finne serverens plassering (ved å finne sin IP-adresse). Det er som å slå opp servernummeret i telefonboken. Det tar litt tid. (Vanligvis 20-120 millisekunder).

Det tar enda lenger tid hvis det er flere domenenavn tilknyttet nettstedet ditt. Vanlige eksempler inkluderer: blog.yourwebsite.com, eller ytterligere domener for bilder, stilark og flashobjekter.

Hvis nettleseren din må gjøre det fem ganger, kan du miste et halvt sekund. Hold det til så få domener som mulig.

14. Bufring av nettleser

Tenk hvor raskt ting ville være hvis nettleseren din kunne beholde en kopi av alle nettstedfilene. På den måten trenger det ikke å kontakte serveren hver gang. Det kan bare laste dem opp fra minnet.

Det er hva cache er. Det betyr at nettleseren din “husker” nettstedet. Når du laster den opp for andre gang, er den super rask.

Puh! Det var et lengre innlegg enn vanlig, men jeg tror det var verdt det.

Nå vet du alt det er å vite om å gjøre lynet raskt. Disse triksene kan barbere sekunder fra lastehastigheten.

Det betyr glade besøkende. Og det betyr mer salg.

WordPress Speed ​​Guide

Hvis nettstedet ditt er bygd med WordPress, har vi satt sammen en detaljert trinnvis guide for å få fart på WordPress. Vi bruker de nøyaktige trinnene for å få Bitcatcha.com-laster på tre sekunder.

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