Alle websteder skal indlæses så hurtigt som muligt. Men for at opnå en god ydeevne kræver det, at du hele tiden har styr på de forskellige aspekter. Det betyder, at du skal overvåge webstedets ydeevne, foretage ændringer for at forbedre den og sikre, at hver side giver den bedst mulige brugeroplevelse.
WebPageTest kan hjælpe dig med dette. Med dette værktøj kan du køre hastighedstest for alle sider på dit websted. Testrapporterne indeholder oplysninger om, hvilke ændringer du kan foretage for at forbedre ydeevnen, samt historiske data, så du kan se, om dit websted klarer sig bedre eller dårligere end tidligere. Alle disse oplysninger er tilgængelige gratis.
I denne artikel vil vi se nærmere på WebPageTest, og hvordan du kan få gavn af det. Vi viser dig også, hvordan du udfører test og fortolker resultaterne, vi diskuterer fordele og ulemper ved at bruge værktøjet og taler om priser. Lad os komme i gang!
Hvad er WebPageTest?
WebPageTest er et kraftfuldt open source-værktøj, der er designet til at hjælpe ejere og udviklere af hjemmesider med at overvåge og optimere deres hjemmesiders ydeevne:
Det giver en omfattende analyse, der omfatter indlæsningstider, renderingshastighed og netværksforbrug. Du får også en detaljeret opdeling af de enkelte sideelementer, så du kan identificere flaskehalse og områder, der kan forbedres.
WebPageTest blev lanceret i 2008 og er en af de ældste ydelsestestjenester til test af ydeevne for websteder. I starten fungerede den som et internt testværktøj hos AOL (ja, så gammel er den).
Kort tid efter blev WebPageTest frigivet under en open source-licens. I 2011 blev tjenestens websted lanceret.
Siden da har den udvidet sit værktøjssæt. Nu tilbyder den også mobiltestning og en API, der gør det muligt at integrere testning i dine egne projekter.
WebPageTests vigtigste funktioner:
- Simulerede tests fra forskellige steder i verden
- Understøttelse af en række browsere, herunder Chrome, Firefox og Safari
- Analyse af webside-rendering og indlæsningsprocessen, herunder vandfaldsdiagrammer og filmstrips
- Brugerdefinerbare testindstillinger, f.eks. forbindelseshastighed og skærmopløsning
- Avancerede målinger, herunder Speed Index, Time to First Byte (TTFB) og First Contentful Paint (FCP)
Du kan bruge WebPageTest gratis. Tjenesten tilbyder et gratis niveau, som giver dig mulighed for at køre hundredvis af tests om måneden og få detaljerede resultater.
Hvorfor du bør bruge WebPageTest
Der er mange tjenester til rådighed for websteds ydeevne. Mange af dem er gratis, og de data, du får, vil i høj grad afhænge af, hvilken tjeneste du bruger.
WebPageTest tilbyder dog mange flere fordele end almindelige værktøjer. Lad os se på nogle af dem:
- Identificer problemer med ydeevne. WebPageTest hjælper dig med at opdage potentielle flaskehalse og områder med forbedringspotentiale, så du kan foretage målrettede optimeringer af dit websted.
- Forbedre brugeroplevelsen. Hjemmesider, der indlæses hurtigere, giver en bedre brugeroplevelse, hvilket kan føre til højere engagement og konverteringer hos de besøgende. Besøgende bemærker måske ikke, hvis dit websted indlæses hurtigt, men de vil bemærke det, hvis det er langsomt.
- Forbedre søgemaskinernes placering. Websteds hastighed er en rankingfaktor for søgemaskiner som Google, og hurtigere websteder har tendens til at ranke højere i søgeresultaterne.
- Overvåg ydeevnen over tid. Regelmæssig testning med WebPageTest giver dig mulighed for at følge ydelsestendenser og identificere eventuelle regressioner, før de bliver til større problemer. Du kan overvåge ydelsesdata fra over et år med den gratis plan, hvilket er mere end nok til at opdage tendenser.
Desuden præsenterer WebPageTest resultaterne på en overskuelig måde. Dette er utroligt værdifuldt, hvis du er ny i verdenen af ydelsestest og optimering:
Ud over disse korte oversigter får du også nogle konkrete tal for din hjemmesides ydeevne. I det næste afsnit viser vi dig, hvordan du kan fortolke disse resultater.
Vi mener, at alle bør bruge værktøjer til test og overvågning af siders ydeevne. Dette er især vigtigt, hvis du foretager store ændringer på dit websted, f.eks. opdateringer af design og funktionalitet eller migrering til en ny host. Hvis du kører regelmæssige tests sammen med andre optimeringsstrategier, f.eks. ved hjælp af et Content Delivery Network (CDN), kan du holde dit websted i topform.
Sådan bruger du WebPageTest
Det er nemt at køre en test med WebPageTest. For at starte skal du tilmelde dig en gratis konto, som ikke kræver, at du indtaster betalingsoplysninger.
Når du er logget ind, skal du vende tilbage til hjemmesiden og kigge efter indstillingen Start en test af webstedets ydeevne. Indtast URL’en for den side, du vil teste, og vælg en konfiguration:
For at få de mest omfattende resultater anbefaler vi, at du kører både test på mobil og desktop. Du bør også bruge den testplacering, der er tættest på dit websteds server, så resultaterne ikke fordrejes af afstanden.
Hvis ingen af standardplaceringerne fungerer for din test, skal du vælge indstillingen Avanceret konfiguration. Dette giver dig mulighed for at vælge mellem andre testlokationer og indtaste avancerede parametre:
Når du er tilfreds med konfigurationen, skal du klikke på Start Test. Det vil tage et par sekunder at generere resultaterne, og når de er genereret, får du adgang til en detaljeret ydelsesrapport.
Sådan fortolker du WebPageTest-resultaterne
Et af de største problemer med værktøjer som WebPageTest er, at de kaster en masse oplysninger efter dig, når du har kørt en test. Dette er ikke noget problem, hvis du ved, hvilke målinger du skal fokusere på. Det kan dog være intimiderende, hvis du bruger tjenesten for første gang.
Når du skal fortolke resultaterne, foreslår vi, at du fokuserer på tre nøgleområder i WebPageTest-rapporterne. Det første er afsnittet Ydelsesoversigt, som giver et overblik over dit websteds resultater. Det viser dig, hvor dit websted står med hensyn til ydeevne, brugervenlighed og modstandsdygtighed:
Du kan klikke på ikonerne under hver kategori for at få vist flere oplysninger. Hver kategori indeholder oplysninger om de elementer, der blev testet, og resultaterne. Hvis der er et problem med webstedet, vil rapporten nævne, hvilket element der har forårsaget det, og give anbefalinger til, hvordan det kan løses:
Når du vender tilbage til hovedrapportens side, skal du rulle ned til afsnittet Page Performance Metrics. Her finder du flere målinger, der viser dig, hvor lang tid det tager dit websted at indlæse og blive funktionelt:
Hvis du ikke er sikker på, hvad hver af disse målinger betyder, får du her en hurtig oversigt:
- Time to first byte (TTFB). Denne måling viser, hvor lang tid det tager for webstedet at reagere på browserens første forespørgsel. Langsomme servere kan være længe om at svare, hvilket øger webstedets samlede indlæsningstid.
- Start rendering. Dette fortæller, hvor lang tid det tager for siden at begynde at vise visuelle elementer. Sitet indlæses måske i baggrunden, men indtil brugerne ser noget, ved de måske ikke, om siden fungerer korrekt, før de kan se noget.
- First Contentful Paint (FCP): Dette er den tid, det tager browseren at gengive det første stykke indhold på siden. En lavere FCP er tegn på, at siden indlæses hurtigere.
- Hastighedsindeks. En sammensat score, der angiver, hvor hurtigt sidens indhold er synligt for brugerne. Jo lavere score, jo bedre.
- Largest Contentful Paint (LCP). Denne måleenhed fortæller, hvor lang tid det tager at gengive det største element på en side. Det er generelt en god indikator for sidens samlede indlæsningstid.
- Cumulative Layout Shift (CLS). Denne score fortæller dig, hvor meget layoutet på en side “skifter” eller ændres, mens den indlæses. Jo mere det skifter, jo dårligere er brugeroplevelsen. Nul er det tal, du bør sigte efter her.
- Samlet blokeringstid. Med denne måling kan du se, hvor lang tid det tager, før siden bliver brugbar. Den er måske færdig med at rendere visuelt, men siden indlæser måske scripts i baggrunden, hvilket forhindrer de besøgende i at bruge den.
Hvis du går videre, viser afsnittet Real-World Usage Metrics en oversigt over de samme målinger sammenlignet med nylige testdata fra andre brugere (hvis de er tilgængelige). For at få det fulde billede af dit websteds ydeevne foreslår vi, at du sammenligner disse målinger med det foregående afsnit Page Performance Metrics (sidepræstationsmetrikker).
Ideelt set bør resultaterne af sidstnævnte være ens eller bedre:
Endelig anbefaler vi, at du gennemgår vandfaldsdiagrammet, som viser indlæsningsprocessen for hvert element på siden. Dette kan hjælpe dig med at identificere specifikke ressourcer, der forårsager forsinkelser eller som kan optimeres for at opnå bedre ydeevne.
Når du har identificeret områder, der kan forbedres, kan du foretage målrettede ændringer på dit websted, f.eks. ved at optimere billeder, minificere CSS- og JavaScript-filer eller implementere caching.
Skal du bruge WebPageTest til din virksomhed?
Hvis du har et websted, vil du gerne køre regelmæssige performancetests for at sikre, at det giver en god brugeroplevelse. Du kan bruge det ydelsesværktøj, du foretrækker, men lad os se på grundene til, at vi anbefaler WebPageTest.
For at tegne et fuldstændigt billede vil vi også tale om ulemperne ved at bruge tjenesten.
WebPageTest Fordele
- Omfattende analyse. WebPageTest giver detaljerede oplysninger om dit websteds ydeevne, hvilket gør det lettere at identificere områder, der kan forbedres.
- Tilpasselige tests. Værktøjet understøtter en række forskellige browsere, steder og testindstillinger, så du kan simulere forskellige brugeroplevelser. Du kan tilpasse testindstillingerne så meget, som du vil, eller bruge de standardindstillinger, som tjenesten leverer, hvis du ønsker et hurtigt overblik.
- Gratis og åben kildekode. Vi er store fans af open source-software, så det er et plus ved at bruge WebPageTest lige der. Selv om tjenesten tilbyder et premium-niveau, er den gratis plan mere end rigeligt til de fleste websites.
- Historiske data om ydeevne. Med WebPageTest får du adgang til 13 måneders testdata for alle de websteder, du bruger tjenesten til. Det er mere end nok oplysninger til at overvåge ydelsestendenser for de fleste websteder.
- Anbefalinger til forbedring af ydeevne. WebPageTest giver anbefalinger eller “muligheder” for at forbedre webstedets ydeevne afhængigt af, hvilke problemer den registrerer på dit websted. Disse anbefalinger indeholder forklaringer på, hvorfor hver enkelt ændring er vigtig.
WebPageTest Ulemper
- Tilmelding er påkrævet. Selv om WebPageTest tilbyder en omfattende gratis plan, skal du tilmelde dig tjenesten for at køre test. Tjenesten beder dig dog ikke om betalingsoplysninger i forbindelse med tilmeldingsprocessen.
- Indlæringskurve. WebPageTest leverer et væld af data, hvilket kan være overvældende for brugere, der er nye inden for optimering af webpræstationer. Sammenlignet med andre lignende værktøjer er indlæringskurven dog meget mere tilgivende med WebPageTest.
- Begrænset automatisering. Selv om det er muligt at automatisere WebPageTest via dets API, kan det kræve yderligere opsætning og viden om kodning sammenlignet med nogle andre værktøjer med indbyggede automatiseringsfunktioner.
- Ingen instruktioner til ydelsesforbedringer. Dette er noget almindeligt blandt værktøjer til test af websteds ydeevne. Med WebPageTest får du direkte anbefalinger til muligheder for at forbedre dit websteds ydeevne. Disse anbefalinger kommer dog ikke med instruktioner om, hvordan du implementerer dem. Det betyder, at du skal lave research om emner som f.eks. hvordan du udskyder renderblokerende JavaScript eller andre avancerede tekniske emner.
WebPageTest Prissætning
WebPageTest tilbyder både gratis og premium abonnementer. Med den gratis plan kan du køre 300 tests om måneden. Desuden gemmer platformen 13 måneders testdata for både gratis og premium-brugere:
Med hensyn til frynsegoder får brugere af premium-planen mulighed for at køre flere tests. Du får også prioritet i tilfælde af, at tjenesten er på kapacitet (hvilket ikke er almindeligt). Hvis du vil have API-adgang til WebPageTest, skal du desuden betale for en premium-plan.
Sådan sammenligner WebPageTest sig med andre værktøjer til hastighedstest af hjemmesider
Som vi nævnte tidligere, er der en masse andre muligheder for værktøjer til test af websidehastighed. To af de mest populære WebPageTest-alternativer er Google PageSpeed Insights og Pingdom Tools.
Lad os se på, hvordan WebPageTest sammenligner sig med de to muligheder.
Google PageSpeed Insights
Dette værktøj er udviklet af Google og giver en simpel præstationsscore og tilbyder specifikke optimeringsanbefalinger. Resultaterne er tilsvarende detaljerede, når de sammenlignes med WebPageTest.
WebPageTest undersøger dog hver side flere gange under hver kørsel. Desuden giver det dig mulighed for at køre brugerdefinerede tests, hvilket er en funktion, som PageSpeed Insights ikke tilbyder.
Pingdom-værktøjer
Dette værktøj er perfekt, hvis du ønsker at køre hurtige tests med et anstændigt udvalg af servere. I modsætning til PageSpeed Insights eller WebPageTest giver Pingdom ikke en dybdegående opdeling af forbedringsmuligheder eller problemer med dit websted. I stedet får du et overblik over dit websteds ydeevne i form af tal, hvilket kan være alt, hvad du har brug for fra tid til anden.
Det er vores erfaring, at du får de bedste resultater med hensyn til ydeevne ved at køre regelmæssige tests med forskellige værktøjer. Hvis du skal bruge en enkelt tjeneste, kan WebPageTest dog levere de mest omfattende resultater sammenlignet med alternativer som PageSpeed Insights og Pingdom Tools.
Sammenfatning
Overvågning af ydeevne er afgørende, hvis du vil holde dit websted i topform. Det betyder, at du skal udføre regelmæssige hastighedstests og tage skridt til at forbedre indlæsningstiderne.
Selv om der findes mange værktøjer, du kan bruge til at overvåge siders ydeevne, anbefaler vi WebPageTest. Tjenesten er gratis at bruge, og den leverer dybdegående rapporter. Desuden kan du gemme testdata i op til 13 måneder, hvilket betyder, at du kan få et overblik over din hjemmesides ydeevne over tid.
Hos Kinsta er vi besatte af hastighed! Vores kunder oplever et hastighedsforøgelse på op til 20% blot ved at migrere til vores hostingtjeneste. Vi tilbyder 37 datacentre, som du kan vælge imellem, og vores CDN har 260+ POP’er. Tag kontakt til os for at få mere at vide!
Content & Marketing Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems ;).
Skriv et svar