Prestandadata är bara värdefull om du följer den och agerar på den. En dashboard följer prestandan över tid. Rapportering förmedlar trenderna till teamet och ledningen.
Utan dashboard: prestandamåtten mäts en gång. Förbättringar syns inte. Försämringar syns inte. Datan glöms bort.
Med dashboard: prestandan mäts varje dag. Förbättringar syns. Försämringar utlöser en avisering. Teamet tar ansvar.
Exempel: LCP förbättras från tre till två sekunder på tre månader. Dashboarden visar trenden. Teamet ser att deras arbete spelar roll. Ledningen ser att investeringen lönade sig. En prestandakultur växer fram.
Så bygger du en prestandadashboard
Dashboarden visar: LCP, CLS, INP, sidans laddningstid, serverns svarstid, bildstorlek och storleken på JavaScript-paketet.
Dashboarden visar: aktuellt värde, värdet förra månaden och trend (förbättras eller försämras).
Dashboarden visar: per sida (startsida, produkt, kassa). Olika sidor har olika prestandaprofiler.
Dashboarden visar: per enhet (mobil, dator). Mobil och dator presterar olika.
Dashboarden visar: per region (USA, EU, Asien och Stillahavsregionen). Nätverkshastigheten varierar mellan platser.
Exempel på en verklig dashboard:
- LCP på startsidan: en komma fem sekunder (mål två komma fem), trenden förbättras
- LCP på produktsidan: två sekunder (mål två komma fem), trenden är stabil
- LCP på kassasidan: en komma åtta sekunder (mål två sekunder), trenden försämras (avisering)
- Genomsnittlig LCP på mobil: två komma två sekunder (mål tre), trenden förbättras
- Genomsnittlig LCP på dator: en komma tre sekunder (mål två), trenden förbättras
Dashboarden visar direkt: de flesta sidor är bra, kassasidan försämras (behöver undersökas).
Rapporteringsrytm och format
Veckorapport om prestanda: skickas med e-post till utvecklingsteamet. Visar måtten för den gångna veckan. Lyfter fram vad som förbättrades, vad som försämrades och vad som behöver uppmärksamhet.
Månadsrapport om prestanda: skickas med e-post till ledningen. Visar trenderna för den gångna månaden. Lyfter fram prestanda mot målen och affärseffekten (intäkter, konverteringar).
Kvartalsgenomgång av prestanda: presentation för ledningsgruppen. Visar prestandans riktning. Lyfter fram förbättring jämfört med föregående år och konkurrensläget.
Exempel på en verklig veckorapport:
- Vecka med start 5 maj: genomsnittlig LCP 1,8 sekunder (mål 2,5, bra)
- Förbättring den här veckan: bildkomprimering minskade LCP med 0,2 sekunder
- Försämring den här veckan: en ny funktion lade till 50 KB JavaScript, LCP ökade med 0,1 sekunder
- Fokus framöver: optimera LCP på kassasidan (just nu 2,2 sekunder, mål 2,0)
Uppföljning av prestanda mot mål
Mål: LCP under två komma fem sekunder för nittio procent av användarna.
Nuläge: åttiofem procent av användarna ligger under två komma fem sekunder.
Gap: fem procent av användarna upplever fortfarande långsam LCP.
Tid till målet: två månader (i nuvarande förbättringstakt på en procent per månad).
Dashboarden följer gapet till målet. Teamet vet hur det går. Teamet vet deadline.
Verkligt exempel: prestandamål för en webbutik.
- Mål ett: LCP på startsidan under två sekunder vid kvartalets slut
- Nuläge: två komma tre sekunder
- Gap: noll komma tre sekunder
- Framsteg per månad: noll komma en sekund (baserat på tidigare trend)
- På rätt spår: ja (målet nås om tre månader, kvartalet är tre månader)
- Mål två: högre konverteringsgrad på kassasidan tack vare snabbare sida
- Förväntad ökning: en procent (enligt forskning)
- Nuvarande konverteringsgrad: tre procent
- Målkonverteringsgrad: tre komma noll tre procent
- Kunder i utgångsläget: femhundra (tre procent av hundratusen besökare i månaden)
- Målkunder: femhundrafemtio (tre komma tre procent)
- Förväntad intäktsökning: femtiotusen dollar i månaden
Verkligt exempel: prestandadashboard och rapportering för en SaaS-tjänst
Nuvarande dashboard:
- LCP på produktsidan: en komma fem sekunder (mål två), status grön
- LCP på registreringssidan: en komma åtta sekunder (mål två), status grön
- LCP på inställningssidan: två komma två sekunder (mål två), status gul
- LCP på dashboardsidan: två komma en sekunder (mål två), status gul
- Genomsnittlig LCP på mobil: två komma tre sekunder (mål tre), status grön
- Genomsnittlig LCP på dator: en komma fem sekunder (mål två), status grön
- Tid för att slutföra registreringen (eget mått): två komma fem sekunder (mål två), status gul
Prestandarapport vecka ett:
- Tre sidor ligger på målet (grön status)
- Två sidor ligger över målet (gul status)
- Åtgärd: inställningssidan och dashboardsidan behöver optimeras
- Undersökning: inställningssidan läser in användarens inställningar (långsam databasfråga), dashboardsidan läser in analysdata (långsamt API)
- Lösning: cacha inställningarna, förladda analysdatan
Vecka två efter optimeringen:
- LCP på inställningssidan: en komma nio sekunder (från två komma två), förbättrad med noll komma tre sekunder
- LCP på dashboardsidan: en komma nio sekunder (från två komma en), förbättrad med noll komma två sekunder
- Tid för att slutföra registreringen: två sekunder (från två komma fem), förbättrad med noll komma fem sekunder
- Alla sidor ligger nu på målet
Rapport vecka två: alla sidor ligger på målet. Prestandamålen är uppnådda.
Månadsrapport ett till ledningen:
- Månaden började med fyrtio procent av sidorna över målet
- Månaden slutade med noll procent av sidorna över målet
- Förväntad förbättring av genomförda registreringar: fem procents ökning (enligt forskning)
- Nuvarande antal registreringar: tusen per månad
- Förväntat nytt antal registreringar: tusenfemtio per månad
- Förväntat antal nya betalande kunder: femtio (om tjugo procent konverterar)
- Förväntade nya intäkter: femtio kunder gånger ett livstidsvärde på femtusen dollar blir tvåhundrafemtiotusen dollar
Förmedla prestanda till icke-tekniska intressenter
Tekniska intressenter förstår LCP och CLS. Icke-tekniska intressenter (vd, ekonomi, marknadsföring) gör det inte.
Du behöver ett översättningslager:
- LCP två sekunder betyder att sidan visas snabbt (användaren ser innehållet direkt)
- CLS noll komma noll fem betyder att sidan är stabil (inget hoppar)
- INP hundrafemtio millisekunder betyder att sidan är responsiv (knapparna svarar direkt)
Bättre översättning: koppla till affärsresultat.
- LCP två sekunder betyder en procent bättre konverteringsgrad, vilket ger femtiotusen dollar i intäkter varje månad
- CLS noll komma noll fem betyder två procent högre engagemang, vilket ger tiotusen dollar i månaden
- INP hundrafemtio millisekunder betyder tre procent nöjdare användare, vilket ger tvåtusen fler återkommande användare per vecka
Icke-tekniska intressenter förstår intäkter och effekt på användarna.
Vanliga frågor
Ska vi visa prestandamåtten offentligt?
Ja, för att få ett försprång. Är din prestanda i toppklass, publicera måtten. Användarna bryr sig om hastighet. Visar måtten att du är snabbare än andra väljer användarna dig. Men visar de att du är långsammare, vänta tills du har förbättrat dig innan du publicerar. Med WEMASY webbplatsbyggare kan du ställa in det direkt på din webbplats.
Hur hanterar vi toppar eller avvikelser i prestanda?
Undersök direkt. En topp i prestanda kan bero på: problem i infrastrukturen, en trafiktopp eller ny kod som släppts. Hitta grundorsaken. Om problemet består behöver sidan optimeras. Om det var en engångshändelse behövs ingen åtgärd. Trender i dashboarden över tid visar vilka problem som består.
Ska vi sätta olika prestandamål för olika sidor?
Ja. Startsidan är viktigast (driver trafik, påverkar SEO). Mål för startsidan: LCP under två sekunder. Produktsidan är viktig men kommer i andra hand. Mål för produktsidan: LCP under två komma fem sekunder. Adminsidan är intern. Mål för adminsidan: LCP under fyra sekunder. Målen speglar vikten.
Hur hindrar vi teamet från att trixa med prestandamåtten?
Mät mått från riktiga användare, inte bara labbtester. Labbtester kan manipuleras (testa på snabbt nätverk och snabb enhet). Mått från riktiga användare (RUM) visar den faktiska upplevelsen. Skapa en avisering om labb och RUM skiljer sig åt. Undersök skillnaden.
Hur ofta ska vi gå igenom prestandarapporter?
Veckovis genomgång för utvecklarna. Månadsvis genomgång för ledningen. Kvartalsvis genomgång för ledningsgruppen. Veckovis fångar försämringar snabbt. Månadsvis visar trender. Kvartalsvis visar strategiska framsteg. Tätare uppföljning fångar problem bättre, glesare uppföljning visar trender bättre.
Hur kopplar vi prestandaförbättringar till affärsresultat?
Mät före och efter. Utgångsläge: LCP tre sekunder, konverteringsgrad två procent. Förbättring: LCP en komma fem sekunder. Ny konverteringsgrad: två komma en procent. Effekt: en förbättring på noll komma en procent på hundratusen besökare i månaden ger hundra extra konverteringar. Med ett ordervärde på hundra dollar blir det tiotusen dollar i månaden. Hundratjugotusen dollar per år. Räkna ut affärseffekten direkt.