Webside test: Tæm testen monster og analysere din hjemmeside ydeevne

Jan Hornung Senest opdateret den 3. december 2020
14 Min.
Test af webside
Senest opdateret den 3. december 2020

Webpagetest.org er nok det bedste og mest omfattende gratis værktøj til måling af din sideindlæsningstid. Desværre giver det en masse meget komplekse og meget komplekse data. I dag viser jeg dig, hvad du skal indstille, hvordan du bringer orden i dataene, og hvilke målinger du har brug for til en professionel analyse. For kun hvis du ved, hvordan du indlæser dine kundeprojekter og egne sider, kan du optimere dem øverst.

Sikkert din egen side bør være. Og hurtigt. Selvfølgelig, fordi meget afhænger af indlæsningstiden: konverteringsfrekvensen, dine besøgendes sikkerhedsfornemmelse og Google-rangordningen af dit tilbud. Mange WordPress -Brugerne kommer ikke til det punkt, hvor de korrekt kan bestemme indlæsningstiden for deres egen side.

For eksempel ved nogle webstedsoperatører ikke engang, hvilke værktøjer de kan bruge til at analysere deres side korrekt. Eller de ved ikke, hvilke indstillinger de skal foretage for at få rigtig gode resultater. For at du ikke laver de samme fejl, vil jeg vise dig i dag, hvordan du får et hurtigt og meningsfuldt overblik over dit websted med (efter vores mening) bedste gratis måleværktøj. Så du ved præcis, hvor hurtigt din side indlæses, og hvis og hvor du har brug for at optimere.

For at forstå nøjagtigt, hvordan hvert analysetrin fungerer, anbefaler jeg dig at se på de datasæt, der er knyttet til de vigtige punkter eller analysere din egen side parallelt. Det er trods alt ikke så let at sætte orden i de data, du ønsker. Som belønning for indsatsen får du dog de bedste data, du nogensinde har indsamlet via dit websted. Og især hvis du arbejder på vegne af din kunde eller arbejder med din WP WordPress -Projekter tjene dine penge, indsatsen er altid det værd.

Websidetest er det bedste værktøj, vi kender

Ganske vist roser vi sprudlende webpagetest.org i denne artikel. Måske for sprudlende, men ikke for forkert. Fordi Webpagetest er det eneste værktøj, vi kender, der giver dig mulighed for pålideligt at bestemme den absolutte og filtindlæsningstid på din side. Og forgæves. Ingen betalingsbarriere, ingen abonnementsmodel, simpelthen værdifulde data og en API,der giver dig mulighed for at automatisere det hele: Sådan skal det være.

Af hensyn til fuldstændigheden får du også flotte måleresultater med Pingdom og GTmetrix. Men ikke så smuk som med webside test. Selvfølgelig betyder det ikke, at du ikke kan og ikke bør sikkerhedskopiere dine resultater med flere tests i forskellige værktøjer. Og det betyder ikke, at du ikke skal måle med Pingdom eller GTmetrix. Men jeg kan anbefale dig at se webside test mindst én gang.

Det er næsten blevet et mantra for os: At måle indlæsningstiden på dit websted, værktøjer som Google PageSpeed Insights ikke slukket. Fordi de kun bestemmer dit websteds ydeevnepotentiale. Selvfølgelig er disse data stadig værdifulde - fra en forestilling og SEO synspunkt - men simpelthen ikke giver dig mulighed for at drage konklusioner om, hvad der rent faktisk sker, når en besøgende ringer op dit websted.

Men det er det, du vil vide. Og det er præcis, hvad du har brug for at vide for at afgøre, om en optimeringsforanstaltning er effektiv.

Desværre giver websidetest ikke kun ikke nøjagtigt pænt forberedte data, men også meget omfattende testresultater. Så i dag vil jeg vise dig, hvordan du bruger webside test, og hvordan man fortolker resultaterne fundamentalt.

I næste afsnit vil jeg kort diskutere et par baggrunde til værktøjet. Hvis du ikke er interesseret, skal du bare springe over delen.

Webside test: Googles storebror PageSpeed Insights

Webpagetest var oprindeligt et AOL-projekt og var kun beregnet til intern brug. I 2008 blev programmet imidlertid open source-software og vedligeholdes og udvikles nu hovedsageligt af Google. Al websidetestdokumentation kan findes på GitHub og kan også downloades og bruges lokalt.

Under PageSpeed Insights viser dig, hvor optimeringspotentialerne på din side ligger, kan websidetest være meget mere. Fordi det ikke kun viser dig, hvordan du forbedrer din side, men også direkte, hvordan dine optimeringsmål påvirker dit websteds indlæsningstid.

I modsætning til Pingdom og GTmetrix er der ingen virksomhed bag Webpagetest, der ønsker at sælge en betalt tjeneste (ok, undtagen Google, men i det mindste sælges tjenesten ikke direkte). Snarere kunne man sige, at webside test er en del af Googles plan om at gøre netværket hurtigere samlet. Men du ønsker at evaluere Googles ambitioner i denne sammenhæng.

I 4 trin til virkelig meningsfulde indlæsningstidsdata

Ja, websidetesten er mere kompleks end andre værktøjer. Men lad dig ikke afskrække af det! I dette tilfælde er kompleksiteten god. Fordi det betyder, at du får gode data via dit websted. Og også som førstegangsbruger får du de relevante oplysninger ret hurtigt.

Og dette med følgende fire trin:

Trin 1: Angive testparametre

Trin 2: Få et overblik

Trin 3: Detaljeret analyse

Trin 4: Analyse af filtbelastningstiden

Trin 1: Angive testparametre

Webpagetest giver meget fine indstillinger til test af dit websted. Fire af disse indstillinger er især vigtige for at få gode måleresultater:

  • Den server, der skal testes med (1)
  • browseren til at teste med (2)
  • de avancerede testindstillinger, som jeg vil gå mere i detaljer (3)
Startside for websidetest
Sådan ser startsidens testhjemmeside ud. Det er derfor noget mere komplekst end Pingdom eller GTmetrix.

Den server, du vælger til testen, simulerer en bruger, der ringer til siden derfra. Hvis du vælger standardserveren i USA, bliver testresultatet output for en sidevisning fra Texas. I de fleste tilfælde er dette dog ikke nødvendigvis det, du ønsker. Derfor er denne indstilling meget vigtig. Dette skyldes, at det massivt kan forvrænge det samlede resultat og skal justeres i overensstemmelse hermed, afhængigt af applikationen.

De to mest almindelige use cases er:

  1. Bestemmelse af indlæsningstiden for en bruger fra din målgruppe
  2. Sammenligning af opladningstid efter optimeringsmåling

Hvis du vil vide, hvordan dine besøgende opfatter indlæsningstiden for webstedet, skal serverplaceringen svare så tæt som muligt til placeringen af en typisk bruger. For en blog med hovedsageligt tyske læsere betyder det, at du skal vælge en server i Tyskland, for eksempel i Frankfurt.

Hvis du vil vide, hvad en optimeringsforanstaltning havde brug for, er det dybest set ligegyldigt, hvilken serverplacering du bruger. Det eneste vigtige er, at du skal bruge den samme serverplacering til test før og efter optimering. Ellers kan du ikke sammenligne måledataene korrekt. Selvfølgelig anbefaler jeg også en tysk testserver her. Dette giver blot de mest realistiske resultater.

Test af webside: Tilknyt til valg af testserver på Webpagetest.org
Ud over et listevalg har du også mulighed for at vælge testserveren fra et kort. Du kan også se en oversigt over alle testservere her.

Den browser, der bruges

Webside test giver mange indstillinger til at simulere specifikke transmission teknikker og browsere. Du kan f.eks. definere, at siden skal indlæses via en 3G-forbindelse og Firefox. Til starten er valget af den browser, som din målgruppe bruger oftest, dog nok.

Du kan f.eks. se oplysninger om dette i Google Analytics eller Piwik. RAIDBOXES for eksempel besøges for det meste via Chrome.

Uddrag fra de browsere, der bruges af besøgende til at raidboxes.de. Disse fungerer som en skabelon til indstillingerne i websidetest.
De mest anvendte browsere på raidboxes.de. Så for en analyse i Webpagetest, ville jeg primært teste Chrome. Resultater for Firefox og Safari, på den anden side, er naturligvis også interessant.

Meget vigtigt: De avancerede indstillinger bestemmer, hvor godt dine måledata i sidste ende bliver!

Ud over de to parametre, der bestemmer, hvordan testen skal testes – serverplaceringen og den anvendte browser – giver websidetesten også mulighed for at indstille, hvad testen skal udskrive i slutningen. I de avancerede indstillinger kan du f.eks. Og her er to indstillinger, der er særligt vigtige for at få rimeligt omfattende og pålidelige data: "Antal test, der skal køres" og "Gentag visning".

I princippet skal du måle mere end én gang, når du måler opladningstiden. Ellers risikerer du at måle outliers og kan være på udkig efter et problem, der ikke eksisterer. Og tro mig, vi har set det et par gange. Jeg anbefaler mindst tre på hinanden følgende tests.

Derudover skal du altid huske at måle den carated version af din side. Det kan du gøre med indstillingen Gentag visning.

Avancerede indstillinger for test af webside
I de avancerede indstillinger af Webpagetest ligger den sande magi af værktøjet. Kun hvis du vælger mindst 3 tests her og også inkluderer Gentag visning, bliver de data, du får, virkelig interessante.

Hvis du har indtastet din WEBADRESSE , dvs. https://raidboxes.de – og indstillet testparametrene (dvs. den tyske server, browseren, mindst 3 gentagelser og gentagelsesvisningen), kan du starte testen. Afhængigt af hvor mange andre brugere der tester deres sider, kan analysen tage et par minutter.

Det er vigtigt, at websidetest kun tester den side, der kan nås på URL-adressen, ikke hele din tilstedeværelse på internettet. Det betyder, at du skal teste din hjemmeside, alle destinationssider og, hvis det er relevant, dit produktoversigt individuelt.

I denne vejledning arbejder jeg med data fra analysen af vores hjemmeside, raidboxes.de. Det betyder, at du kan genskabe alt, hvad der forklares her en til en i webpagetest.org. Bare klik her, og du vil få resultaterne af analysen.

Trin 2: Få et overblik

Det første, du ser, er oversigten over sideindlæsningstiden. Dette er opdelt i tre områder:

  • testparametrene og resultaterne af de potentielle analyser (1)
  • opdelingen af de vigtigste karakteristiske værdier (2)
  • oversigten over sidestrukturen (3)
Oversigtsresultaterne for websidetesten
Oversigt over de første resultater af webpagetest.org

(1) Jo mere grøn, jo bedre

I den første rude vises testparametrene igen til inspektion. Hvis du stadig finder en fejl her, skal du bare gentage testen. Du kan også se resultatet af den potentielle analyse. Webpagetest giver dig også resultaterne af Google PageSpeed Insights Fra. Så hvis du klarer den spartanske repræsentation af Webpagetest, kan du klikke på PageSpeed Insights givet afkald på.

Webpagetest bruger en skoleklasse og farvekode. A er den bedste, F er den værste vurdering. Grøn indikerer en god grad af optimering, orange angiver brugbart optimeringspotentiale, og rød indikerer presserende behov for handling.

(2) Jo hurtigere, jo bedre

I det andet afsnit af resultaterne får du alle de relevante nøgledata fra din sideindlæsningstid præsenteret for den smagte og ufærdige version af din side. Det er vigtigt, at websidetest kun udskriver værdierne for en af de tre test i oversigten. Den ene er, at oversigten ud for visningen Lables First View og Repeat viser dig.

Forklaring af de enkelte resultater af websidetest
Desværre er denne oversigt kun tilgængelig for individuelle måleresultater, dvs. individuelle testkørsler. For de virkelig værdifulde værdier, er du nødt til at gå et niveau dybere. Jeg vil forklare, hvordan man gør det.

Fem værdier er særligt vigtige her:

  • Indlæsningstid: Den tid, det tager for dit websted at føle, at siden er fuldt indlæst. Indlæsningstiden svarer til sidens filt samlede indlæsningstid.
  • Første byte: Tid til at sende den første data byte mellem klienten og webserveren. Denne værdi skal være mindre end 200 millisekunder, hvis det er muligt, og er en vigtig indikator for udførelsen af din hosting.
  • Start gengivelse: Denne værdi beskriver det tidspunkt, en side indlæses, indtil indholdet vises for den besøgende første gang. Indtil dette tidspunkt forbliver siden helt hvid for brugeren. Denne værdi skal naturligvis også være så lav som muligt. Sammen med indlæsningstiden (eller Dokument fuldført) er denne værdi vurderingsmålet for den opfattede webstedshastighed. Start Gengivelse markerer begyndelsen på den synlige indlæsning af siden, Dokumentet fuldfører slutningen.
  • Dokumentet er fuldført: Denne værdi er den samme som Indlæsningstid.
  • Fuldt lastet: Denne værdi angiver, hvornår siden er fuld, indlæst med alle scripts og elementer. Den beskriver den samlede tekniske indlæsningstid på siden. Dette er normalt irrelevant for den besøgende. Det mest afgørende er filtopladningstiden.

For alle disse værdier, jo mindre, jo bedre. Som retningslinje kan du huske:

  • fra tid til første byte skal være mindre end 200 millisekunder
  • Startgengivelse må ikke være større end 2,5 sekunder
  • Dokumentet er fuldført må ikke være større end fem sekunder

Disse værdier er naturligvis kun tommelfingerregler. Det afhænger altid af din side: En butiksside med 50 produkter – dvs. 50 eller flere billeder og beskrivelsestekster – indlæses langsommere end en aftryksside, der kun består af tekst.

Derfor kan jeg kun rådgive: Test siderne af den direkte konkurrence og dine rollemodeller. Dette er, hvordan du får branchens interne benchmarks.

Gør gennemsnit - Nu er det tid til at komme ned til det rigtige sted

Desværre viser ovenstående oversigt kun resultaterne af et enkelt målekort. Og du husker: individuelle, isolerede værdier kan vildlede dig. Derfor har du foretaget mindst tre på hinanden følgende målinger for at teste dit website. Og gennemsnittet af disse tre målinger er de bedste tilnærmelser, du kan få til din sideindlæsningstid.

Og bare rolig: Oprettelse af gennemsnit behøver kun et tryk på en knap:

Afbildning af resultater på websidetest
Ved at klikke på afbildningsindstillingen danner Webpagetest gennemsnitsværdierne for dine måleresultater.

Nu får du en oprindeligt forvirrende mængde data fra såkaldte plots. Og det er præcis de resultater, du ønsker. I princippet er denne nye oversigt den samme for alle værdier. Så når du forstår at læse dem, de er alt andet end forvirrende.

Visning af websidetest af afbildning
Disse observationsområder illustrerer fremragende, hvorfor du altid skal udføre flere målinger: Målepunkt 3 er næsten et sekund værre end målepunkt 1. Dannelsen af midler er derfor afgørende for en professionel præstationsanalyse.

Som du kan se, tegnes alle tre aflæsninger (1-3) her i et diagram (bemærkelsesværdigt her er forskellen mellem målepunkt 1 og målepunkt 3!). Over afbildningen er den værdi, som diagrammet refererer til (4). I dette tilfælde filtbelastningstiden (Dokument fuldført eller Indlæs tid). Tallet i kolonnen Middel beskriver nu den gennemsnitlige belastningstidsværdi på tværs af alle tre målinger (5). Dette gennemsnit er de mest værdifulde oplysninger, du kan få fra din side.

Forresten: Ved hjælp af anticken i Box Repeat kan du også have værdierne for indlæsningstiden med og uden cacheoutput. Og hvis du vil finde resultaterne for de andre værdier: Du skal blot søge efter "Første byte" og "Start gengivelse" via din browsersøgning (CTRL+F for pc'er og cmd+f til Mac-computere).

Foreløbig konklusion: En masse arbejde for særligt værdifulde data

Ok, det var en masse input. Og der var mange trin til at arbejde. Især sammenlignet med enkle testmetoder. Men indsatsen er det værd, fordi du har set det fra tallene i diagrammerne: To tests med de samme indstillinger kan undertiden være et helt sekund fra hinanden. Så chance kan beslutte, om du investerer tid og penge i yderligere optimering af dine sider. Og lige når du er WordPress Tjen dine penge, uanset om med din egen butik, webdesign kontor eller agentur, bør du have det bedste datagrundlag for en sådan beslutning.

Faktisk er vi endnu ikke i slutningen. Fordi nu kender du de vigtigste effektivitetsmålinger på dit websted, så du ved, hvor hurtigt din side indlæses, og om der stadig er optimeringspotentiale, men du ved endnu ikke, hvor nøjagtigt din side kan forbedres. Og det er præcis, hvad detaljeret analyse er designet til.

Trin 3: Detaljeret analyse

Oversigten fortæller dig allerede meget om din side. Du kan se, om der stadig er plads til forbedringer på visse områder, hvor hurtigt din side faktisk indlæses, og om den ikke kunne indlæses lidt hurtigere. De kender imidlertid endnu ikke årsagerne til problemerne. Du kan dog finde disse i de detaljerede rapporter:

Vandfaldsdiagrammerne viser hver http-anmodning, som en browser placerer på webserveren. Ved første øjekast virker disse diagrammer meget komplekse og forvirrende. Men hvis du ved hvordan, kan du tegne en masse detaljer over din side fra et vandfaldsdiagram med kun et blik. Her viser vi dig, hvordan du læser vandfaldsdiagrammer korrekt, og hvordan du bruger dem til yderligere at optimere din side.

Dybest set har en hurtig side et kort vandfaldsdiagram med få korte anmodninger. Det betyder, at diagrammets længde og længden af søjlerne i hver række er særligt relevante.

I performance review finder du detaljerede oplysninger om, hvor godt dit websteds ydeevne allerede er optimeret. Denne detaljerede gennemgang indeholder igen tre elementer:

  • Optimeringstjeklisten
  • Den detaljerede opdeling af præstationstesten
  • ordlisten

Du bør først se på ordlisten, når du analyserer din side med webpagetest.org for første gang. Her forklares alle de vigtige vilkår i performancegennemgangen.

Uddrag fra ordlisten over websidetest.
Desværre på engelsk, men webside test faktisk forklarer alle tekniske udtryk i detaljer.

På optimeringschecklisten finder du de individuelle evalueringskriterier, der anvendes på hver af HTTP-anmodningerne. Et grønt kryds betyder, at kravet er opfyldt, en gul trekant mærker skal forbedres, et rødt kryds angiver fraværet af den foreslåede optimering foranstaltning.

Et uddrag fra Performance Checklist af WebsideTest.
Med optimeringstjeklisten kan du for eksempel se nøjagtigt, hvilke billeder af din side der stadig har optimeringspotentiale, hvilke anmodninger der skal komprimeres yderligere, og om din cachelagring fungerer korrekt.

Endelig finder du en beskrivelse af advarslerne og manglende optimeringsmål i detaljeafsnittet. Websidetest beskriver de optimeringer, der stadig er mulige for hver ressource. Billeder viser f.eks., hvor meget datavolumen der kan gemmes.

Med disse detaljerede evalueringer skal du håndtere et stykke tid, men med deres hjælp kan du få et detaljeret billede af din side og dens optimeringspotentiale.

Og fordi det dybest set er de samme oplysninger, som PageSpeed Insights spytte ud, selvfølgelig kan du også blot køre en PageSpeed analyse parallelt. Fordi denne test er meget pænere og bedre forberedt.

Trin 4: Analyse af filtbelastningstiden

I modsætning til alle andre test, vi kender, er Websidetest den eneste, der viser filtbelastningstiden på dit websted gratis. Du kan se en video af sidestrukturen via Filmstripview. På denne måde kan du se præcis, hvad dine besøgende ser og kan evaluere endnu bedre, hvis og hvordan din side skal optimeres.

Søg efter filmklipvisning på websidetest
Du kan finde filmstrimlen i oversigten over dine måleresultater yderst til højre. Advarsel: Denne indstilling vises ikke altid. Hvorfor er det ikke helt klart for mig? Gentagelse af testen har dog altid gjort indstillingen tilgængelig.

Filtbelastningstiden er sandsynligvis det vigtigste kendetegn ved din sideindlæsningstid. Det påvirker, om dine besøgende forlader webstedet tidligt, konverteringssandsynligheden og den samlede oplevelse af dit websted. Især for butikker er den opfattede webstedshastighed derfor en vigtig retningslinje. Selvfølgelig skal filtopladningstiden altid være så lav som muligt.

Ud over filmstrimlen skal du huske følgende:

Skematisk repræsentation af sideindlæsningstid
Den samlede samlede indlæsningstid, der mærkes, skal være så lav som muligt. Samtidig er det vigtigt, at afstanden mellem T0 og Start Render er så lille som muligt. Fordi så brugeren får det indtryk meget tidligt, at siden er fuldt indlæst, selv om det er langt fra det.

Filstrip View viser dig tiendedele af et sekund nøjagtigt, hvordan din side ser ud, og hvilke processer der udføres på det respektive tidspunkt. Hvis du ser på testen med disse data,vil du se, at der ikke sker noget på siden i mere end tre sekunder. Men så den side ser næsten det samme i ét slag, som det gør i den endelige tilstand. Brugeren får indtryk af, at siden er fuldt indlæst inden for 3,5 sekunder. Relateret har den besøgende allerede følelsen efter 3,5 sekunder, at han kan interagere med webstedet.

Især når du prioriterer det synlige sideindhold, er Filmstrip View et meget værdifuldt værktøj.

Konklusion: Med disse grundlæggende og en smule praksis får du et meget godt overblik over dit websted

Ok, efter at have læst artiklen, bør du nu være i stand til at vælge de korrekte indstillinger for en webside test, ved, hvilke målinger du skal fortolke, og hvordan man kan forhindre fejlfortolkninger på grund af outliers. Du ved også, hvor du kan finde detaljerede oplysninger om din side, og hvordan du bestemmer, hvornår siden kan indlæses, og hvordan du kan se den.

Dette giver dig det vigtige grundlæggende for at få et virkelig omfattende overblik over din egen side, dine kunders sider og ethvert andet webprojekt. Og du ved, hvor du kan få de oplysninger, der giver dig mulighed for at bringe måleresultaterne til live og drage meningsfulde konklusioner for dit websted.

Men hvorfor var det vigtigt igen? Ganske enkelt: Uden en rimelig måling af den faktiske tilstand på din side kan du ikke bedømme korrekt, hvordan din side indlæses i øjeblikket. På den anden side mangler du oplysninger til optimering af indlæsningstiden.

Har du et tip til brug af Webpagetest? Perfekt, så skriv en kommentar til dette indlæg!

RAIDBOXER fra den første time og supportchef. På Bar og WordCamps, foretrækker han at tale om PageSpeed og hjemmeside ydeevne. Den bedste måde at bestikke ham på er med en espresso – eller bayersk Brezn.

Lignende artikler

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.