👉 Hvordan bruke GTMetrix til å teste en nettside hastighet - effektivt!

OptinMonster gjennomgang 2018: Er det det beste blygenereringsverktøyet?

Nettstedshastighet er uten tvil en av de viktigste beregningene for et nettsted – for enkelte nettsteder kan forskjellen på et enkelt sekund legge opp til tusenvis av ubesvarte (eller oppnådde) inntekter. Dette gjør nøyaktig måling av nettstedets hastighet avgjørende. Dessverre er nettstedets hastighet ikke en spesielt enkel måling å måle. I denne artikkelen vil jeg vise deg hvordan du bruker et av de mest populære verktøyene, GTMetrix, for å effektivt måle en nettsidehastighet.

Speed ​​Test Overveielser

Mange verktøy – som nevnt GTMetrix – er flotte, men ganske ubrukelige hvis alt du gjør er en engangshastighetskontroll. Mange faktorer må tas med i betraktning hvis du vil effektivt teste for fart, men en av de største er dette: Hastighetsprøver må gjøres flere ganger, og gjennomsnittene tas for at resultatene skal ha noen reell betydning.

1. Antall test

For å få et veldig godt omfattende sett med data, må du gjøre mange hastighetsprøver, helst på forskjellige tidspunkter i løpet av dagen. Det ideelle ville være å planlegge en timetest og la den gå i omtrent en uke eller så.

Årsaken til dette er at nettstedets ytelse vil endres gjennom dagen, avhengig av antall besøkende eller til og med bruken av server-boksen din hvis du er på en delt vert.

En fin bivirkning av denne testen er at du vil se dine topptimer – noe som potensielt kan indikere den beste tiden for deg å legge inn nytt innhold eller målrettede annonser / popups, etc, til de besøkende.

Når det er sagt, er det fortsatt mye å lære av ved å gjøre bare fem eller ti tester i løpet av en time eller så. Selv om den faktiske lasthastigheten som er gitt i sekunder, kan endres i løpet av en dag (eller en uke), kan noen av de tingene GTMetrix avslører – for eksempel mange av anbefalingene det gir deg hvordan du kan øke hastigheten på nettstedet ditt – vil Ikke endre med tiden i det hele tatt.

2. Teststeder

Når du bruker gratis versjoner av mange hastighetsprøvingsverktøy (for eksempel Pingdom), tildeles du vanligvis en testserver tilfeldig (det vil si stedet hvor nettstedet ditt blir testet vil være tilfeldig). Dette kan ofte føre til ekstremt inkonsekvente resultater. Mens Test 1 kan utføres fra New York, for eksempel – 100 miles unna serveren din – Test 2 kan utføres fra Sydney, 10.000 miles unna serveren din.

Plasseringen du velger å teste ditt nettsted fra, gjør stor forskjell. For enkelte prosjekter (som lokale bedrifter) kan det være fint å kaste data fra steder langt unna, men i andre tilfeller (tenk nettsteder med potensielt verdensomspennende publikum) vil du prøve å teste globalt.

For å teste lokalt, velg testservere som ligger i nærheten av den fysiske plasseringen til serveren din. Hvis du ikke vet hvor serveren din befinner seg, spør webverten du bruker til å være vert for nettstedet ditt.

For å teste globalt, velg fire eller fem testservere på viktige steder rundt om i verden. Personlig liker jeg å velge minst en server fra USA, en fra Europa, en fra Australia og en fra Asia.

For å kunne velge hvorfra du skal teste nettstedet ditt fra å bruke GTMetrix, må du registrere deg for en gratis konto og logg inn.

3. Testmål

Jeg ser ofte at folk tester KUN sin hjemmeside. Dette er en helt nybegynners feil som kan skje ting mye mer enn du kanskje tror. Først og fremst kan hjemmesiden din være den minste datakrevende siden på nettstedet ditt, noe som gjør det naturlig det raskeste.

Hjemmesiden din kan også ikke være så viktig som du vil tenke. Jeg jobbet på et nettsted som kjøpte 97% av trafikken organisk gjennom søkemotorer, hvor nesten alle gikk til enkelt innlegg / sider – så vær sikker på å fokusere på mer enn bare din hjemmeside!

Kort sagt: Hastigheten til hjemmesiden din er selvfølgelig viktig, men kan være sekundær til mange av dine andre sider, så vær sikker på at du også tester som en rekke andre sider. Test sider som enkelt innleggssider, lagre sider og produkt sider, etc., for å få et godt avrundet sett med resultater.

Hvordan GTMetrix fungerer

Grunnleggende bruk av GTMetrix er gratis. Du kan gå til hovedsiden og begynne å analysere nettstedet ditt med en gang. En registrert (eller til og med betalt konto) gir deg flere alternativer, for eksempel at du kan velge teststeder, automatisere test og mer.

Resultatoversikten viser deg nettleseren og stedet som ble brukt for testing, PageSpeed ​​og YSlow-score, siden for lastetid, antall forespørsler og total sidestørrelse. Disse er gode for å analysere trender, men hvis du virkelig vil vite hvorfor nettstedet ditt er sakte, og / eller hva som kan gjøres for å forbedre ting, må du grave dypere.

PageSpeed ​​og YSlow

PageSpeed ​​og YSlow tilbyr to litt forskjellige metoder for å vurdere hvordan et nettsteds struktur og mekanikk påvirker hastigheten. Resultatene av disse inneholder sine egne anbefalinger for å gjøre ting raskere – for eksempel caching, legger utløper overskrifter, minifiserer ressurser, aktiverer gzip-komprimering og lignende.

De tilsvarende seksjonene i GTMetrix hver lenke til ytterligere informasjon om emnet – slik at du kan lese mer dypt om det og lære nøyaktig hva du skal gjøre for å implementere hver bestemt hastighetsøkende metode som er oppført.

Et viktig punkt å merke seg: Ikke jage prosentpoeng. Disse kan være misvisende og tar ikke nødvendigvis hensyn til absolutt alt som er viktig, som den totale størrelsen i megabyte på siden (som i øvrigt ofte er svært påvirket av dårlig optimaliserte bilder). I stedet, legg vekt på den faktiske sidelasthastigheten gitt i sekunder – Å sikte på å barbere sekunder av dette (og den kritiske gjengivelsesbanen – mer på dette under) bør være det virkelige målet!

Fossen

Fossen er et av de mest nyttige verktøyene for å finne flaskehalser i ditt nettsted.Denne bestemte visningen er faktisk veldig lik det du ser i nettleserbaserte verktøy, for eksempel Firebug Net Panel. For mer informasjon, ta en rask titt på denne gode artikkelen om hvordan du leser fosser. Hvis du er kort tid, her er nøtteskallversjonen:

Hver eiendel på nettstedet ditt må bli sett opp, overført og vist. Hver bar i fossen viser alle trinnene som er involvert for hvert aktivum og hvor lenge de tok.

Trinnene som hver eiendel kan gjennomgå, er som følger, med en liten forklaring lagt til:

  • DNS-oppslag: Tid til å løse DNS
  • Kobler til: Tid tatt for å opprette en tilkobling
  • blokkering: Tid brukt i nettlesekøen og venter på en tilkobling
  • sende: Tid tatt for å sende forespørselen
  • Venter: Tid brukt til å vente på svaret (tid til første byte)
  • motta: Tid tatt for å laste ned innhold

Basert på denne informasjonen kan vi gjøre noen forutsetninger om hva som skjer med vår nettside. Først av alt, ta en titt på den blå linjen i fossen ovenfor. Det representerer punktet DOM ble lastet inn. Den røde linjen representerer tiden siden ble lastet inn.

Tiden til første byte (TTFB) betraktes også som en viktig indikator på serverhastigheten din. Dette er vist ved å vente informasjonen i fossen. Hvis du kontinuerlig ser en høy TTFB (selv etter å ha gått gjennom og forbedret de viktigste anbefalingene for å forbedre sidens hastighet), kan det være at vertsserveren din er det som lar deg ned!

Video og historie

De to siste seksjonene er kun for premium-kontoer. Videoen viser en faktisk opptak av siden lasting – som kan vise deg hva alle disse forskjellige dataene faktisk betyr. Selv om det er en fin funksjon, finner jeg ikke meg selv å bruke det så mye som det er, sannhet bli fortalt, litt gimmicky, etter min mening.

Historikkfanen er imidlertid en av de beste funksjonene, fordi den lar deg se resultatene av flere tester på en side i en lettforståelig, praktisk grafikk.

Konfigurere en test suite

Jeg har personlig en pro-konto med GTMetrix, som jeg bruker mest for å teste både mine egne nettsteder og spesifikke teknologier av interesse.

Én ulempe av GTMetrix (selv om jeg ennå ikke har kommet over noe verktøy som kan gjøre dette i alle fall) er at det ikke kan sette opp variable tester. Hva jeg mener med dette er at du ikke kan fortelle GTMetrix å velge en tilfeldig side fra et gitt sett og teste det fra et tilfeldig sted. Dette vil gi oss en graf som kan bore ned enda mer, basert på side og plassering (noe for fremtiden kanskje?).

Et alternativ ville være å spesifisere både enkelte sider og steder og teste alle variasjoner hver time. Dette er ganske vist ganske ressursintensivt – men ville gi oss et flott datasett å jobbe med. Som det står kan du gjøre dette manuelt og bruke GTMetrix-sammenligningsfunksjonen til å analysere resultatene dine.

Til å begynne med lager jeg alle de forskjellige testene jeg trenger. Hvis jeg ønsket å teste 2 sider fra 3 steder, ville jeg sette opp tester for alle permutasjoner – noe som ville resultere i 6 tester. Jeg vil da overvåke hver timetest i minst et par dager, helst en uke.

Når en tilfredsstillende tid er gått, går jeg inn i dashbordet mitt, velg alle tester og sammenlign dem. Dette resulterer i side-by-side data og aggregerte grafer.

Hastighetstips for WordPress-brukere

Åh, og hvis du bruker WordPress (emnet dette nettstedet selvfølgelig hovedsakelig handler om) og tilfeldigvis er på jakt etter noen raske løsninger for å fange opp ting: her er noen veldig effektivt tips som nesten alle WordPress-drevne nettsteder kan ha nytte av:

  • 1. Kontroller at hvilken webverten du bruker, bruker serveren som er optimalisert spesielt for WordPress – og hvis du fortsatt bruker generisk, ikke-WordPress-optimalisert delt hosting, bytt til noe mye, mye raskere, som en web hosting plan fra WP motor, svinghjul eller Kinsta.
  • 2. Hvis du ikke allerede, begynner du å bruke et sidekrypingsprogram, for eksempel W3 Total Cache, WP Super Cache eller WP Rocket.
  • 3. Ta deg tid til å gå gjennom bildens bilder, og sørg for at de er så optimalt som de kan være (enten optimalisere dem i et program som Photoshop eller vurdere å bruke en spesialisert tjeneste / plugin som WP Smush).
  • 4. Sørg for at nettstedet ditt laster så mye av JavaScript som mulig nederst på sidene (i stedet for øverst hvor det vil forsinke lastingen av alle andre sideelementer).
  • 5. Så smertefullt som det kan være: Fjern eventuelle unødvendige sosiale medier profiler fra lasting på siden din (for eksempel Facebook, Twitter og Google+ profiler – som alle ganske enkelt kan legge til sekunder til sidetidstider).
  • 6. Aktiver gzip-komprimering, reduser alle skript og utnytte nettleservakking der det er mulig.
  • og 7. Kanskje viktigst av alt: Fjern alt unødvendig plugin som kan laste inn alle slags CSS- og JavaScript-filer på sidene dine – selv om det er teknisk ingen grense for antall plugins du kan installere på et WordPress-drevet nettsted, en veldig generell tommelfingerregel er: jo flere plugins, jo tregere siden!

– Hvilke andre super-effektive hurtigrettelser? Du er velkommen til å legge dem i kommentarene nedenfor! ;)

GTMetrix som et overvåkingsverktøy

Så langt har vi i stor grad fokusert på GTMetrix som en måte å finne ut hva som skal forbedres på et nettsted for å gjøre det raskere. Ved hjelp av varselfunksjonen kan du imidlertid også oppdage (og rapportere) eventuelle forekomster av nettstedet ditt under en forhåndsdefinert hastighet.

Du kan stille inn en rekke forhold fra siden lastetider og YSlow score til HTML-størrelse – noe som gir et ganske godt avrundet system. Hvis noen av dine forhåndsinnstilte betingelser er oppfylt, vil du motta en e-post med en gang, slik at du kan handle på informasjonen for å rette opp eventuelle problemer.

Ved å overvåke nettstedet ditt kan du ikke forhindre langsomhet helt, men du vil i det minste få muligheten til å reagere raskt på eventuelle problemer for å minimere skaden som er forårsaket av, for eksempel en uventet trafikkbølge.

Hvor GTMetrix faller kort

I det hele tatt liker jeg GTMetrix, og velger å bruke den over alle andre hastighetsprøvingsverktøy for å måle og holde oversikt over mine egne nettsteder. Dette betyr imidlertid ikke at alt om det er perfekt. Et av mine største problemer med GTMetrix er at det ikke tilbyr variabel testing, noe som ville være en stor tidsbesparende – noe jeg gjerne ville betale litt ekstra for, siden dette ville trimme litt tid fra testprosedyrene.

Et annet fokusområde kan være å understreke hvor viktig det er å bruke en høyverdig vert. Ved å oppdage og vise de ulike vertene brukerne bruker, kan man sammenligne hastigheter og bedre verter foreslått for bestemte brukere. TTFB kan også overvåkes, og forslag til raskere verter vises når denne verdien er spesielt høy.

Noen få notater om de kritiske gjengivelsesbanene kunne – og etter min mening bør – også legges til Mens denne er perceptuell, kan mange faktorer oppdages, slik at mange JS / CSS-filer blir unødvendig lastet tidlig på siden (en absolutt viktig overveielse forresten). Optimalisering av den kritiske gjengivelsesbanen vil føre til at nettstedet ditt faktisk vises på brukerens skjerm mye raskere – Selv om lasten på den totale siden er fortsatt ganske høy!

Oversikt

Hvis du vil ha en rask nettside, trenger du et omfattende verktøy for å teste det under en rekke omstendigheter. GTMetrix lar deg gjøre akkurat dette: Ved å overvåke en URL hver time, og fra forskjellige steder, vil den gi deg et komplett bilde av hvordan nettstedet ditt utfører.

Brukes riktig i kampen mot lave hastigheter, vil GTMetrix utstyre deg med mer enn nok informasjon for å kjempe tilbake. Bare husk å teste mer enn bare hjemmesiden din, for å teste hver side mer enn en gang, og fra flere steder, og for å holde fokus på å faktisk redusere belastningstider, i stedet for å maksimere PageSpeed ​​og YSlow prosentpoengsummene!

Vet om andre / bedre måter å måle en nettsidehastighet på? Tanker?

Like this post? Please share to your friends:
Legg att eit svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: