A teljesítményadat csak akkor ér valamit, ha követed és cselekszel belőle. A vezérlőpult időben követi a teljesítményt. A riportolás közli a trendeket a csapattal és a vezetéssel.
Vezérlőpult nélkül: a teljesítménymutatókat egyszer megmérik. A javulás ismeretlen. A romlás ismeretlen. Az adat feledésbe merül.
Vezérlőpulttal: a teljesítményt naponta mérik. A javulás látható. A romlás riasztást vált ki. A csapat felelősséget vállal.
Példa: az LCP három hónap alatt 3 másodpercről 2 másodpercre javul. A vezérlőpult megmutatja a javuló trendet. A csapat látja, hogy a munkája számít. A vezetés látja, hogy a befektetés megtérült. Kialakul a teljesítménykultúra.
A teljesítmény vezérlőpult felépítése
A vezérlőpult megmutatja: az LCP-t, a CLS-t, az INP-t, az oldal betöltési idejét, a szerver válaszidejét, a képek méretét és a JavaScript csomag méretét.
Az aktuális értéket, az előző havi értéket és a trendet is mutatja (javul vagy romlik).
Oldalanként is bontja (főoldal, termék, pénztár). A különböző oldalak teljesítményprofilja eltér.
Eszközönként is bontja (mobil, asztali). A mobil és az asztali teljesítménye eltér.
Földrajzi régiónként is bontja (USA, EU, APAC). A hálózati sebesség helyenként változik.
Valós vezérlőpult példa:
- Főoldal LCP: 1,5 másodperc (cél: 2,5), a trend javul
- Termékoldal LCP: 2 másodperc (cél: 2,5), a trend stagnál
- Pénztár oldal LCP: 1,8 másodperc (cél: 2), a trend romlik (riasztás)
- Mobil LCP átlag: 2,2 másodperc (cél: 3), a trend javul
- Asztali LCP átlag: 1,3 másodperc (cél: 2), a trend javul
A vezérlőpult egy pillantásra megmutatja: a legtöbb oldal jó, a pénztár oldal romlik (vizsgálatot igényel).
A riportolás gyakorisága és formái
Heti teljesítményriport: e-mailben a fejlesztőcsapatnak. Az elmúlt hét mutatóit mutatja. Kiemeli: mi javult, mi romlott, mire kell figyelni.
Havi teljesítményriport: e-mailben a vezetésnek. Az elmúlt hónap trendjeit mutatja. Kiemeli: a teljesítményt a célokhoz képest, az üzleti hatást (bevétel, konverziók).
Negyedéves teljesítményértékelés: prezentáció a felsővezetésnek. A teljesítmény pályáját mutatja. Kiemeli: az éves javulást, a versenyhelyzetet.
Valós példa heti riportra:
- Május 5-i hét: az LCP átlaga 1,8 másodperc (cél: 2,5, jó)
- Ezen a héten javult: a képtömörítés 0,2 másodperccel csökkentette az LCP-t
- Ezen a héten romlott: egy új funkció 50 KB JavaScriptet adott hozzá, az LCP 0,1 másodperccel nőtt
- Következő fókusz: a pénztár oldal LCP-jének optimalizálása (jelenleg 2,2 másodperc, cél: 2,0)
A teljesítmény követése a célokhoz képest
Cél: a felhasználók 90 százalékánál 2,5 másodperc alatti LCP.
Jelenleg: a felhasználók 85 százaléka van 2,5 másodperc alatt.
Hiány: a felhasználók 5 százaléka még mindig lassú LCP-t tapasztal.
Határidő a célig: két hónap (a jelenlegi, havi 1 százalékos javulási ütemmel).
A vezérlőpult követi a célhoz hiányzó távolságot. A csapat tudja, hol tart. A csapat tudja a határidőt.
Valós példa: webshop teljesítménycéljai.
- Első cél: a főoldal LCP-je a negyedév végére 2 másodperc alatt
- Jelenleg: 2,3 másodperc
- Hiány: 0,3 másodperc
- Havi haladás: 0,1 másodperc (a korábbi trend alapján)
- Jó úton: igen (3 hónap alatt éri el a célt, a negyedév 3 hónap)
- Második cél: a pénztár oldal konverziós arányának növekedése a sebességjavulásból
- Várt növekedés: 1 százalék (kutatás alapján)
- Jelenlegi konverziós arány: 3 százalék
- Célzott konverziós arány: 3,03 százalék
- Kiinduló vásárlók: 500 (havi 100 000 látogató 3 százaléka)
- Cél vásárlók: 550 (3,3 százalék)
- Várt bevételnövekedés: havi 50 000 dollár
Valós példa: SaaS teljesítmény vezérlőpult és riportolás
Jelenlegi vezérlőpult:
- Termékoldal LCP: 1,5 másodperc (cél: 2), állapot: zöld
- Regisztrációs oldal LCP: 1,8 másodperc (cél: 2), állapot: zöld
- Beállítások oldal LCP: 2,2 másodperc (cél: 2), állapot: sárga
- Vezérlőpult oldal LCP: 2,1 másodperc (cél: 2), állapot: sárga
- Mobil átlagos LCP: 2,3 másodperc (cél: 3), állapot: zöld
- Asztali átlagos LCP: 1,5 másodperc (cél: 2), állapot: zöld
- Regisztráció befejezési ideje (egyéni mutató): 2,5 másodperc (cél: 2), állapot: sárga
Az első heti teljesítményriport:
- Három oldal a célnál van (zöld állapot)
- Két oldal a cél felett van (sárga állapot)
- Teendő: a beállítások és a vezérlőpult oldal optimalizálásra szorul
- Vizsgálat: a beállítások oldal betölti a felhasználói beállításokat (lassú adatbázis-lekérdezés), a vezérlőpult oldal betölti az analitikai adatokat (lassú API)
- Megoldás: a beállítások gyorsítótárazása, az analitikai adatok előbetöltése
A második hét az optimalizálás után:
- Beállítások oldal LCP: 1,9 másodperc (2,2-ről), 0,3 másodperccel javult
- Vezérlőpult oldal LCP: 1,9 másodperc (2,1-ről), 0,2 másodperccel javult
- Regisztráció befejezési ideje: 2 másodperc (2,5-ről), 0,5 másodperccel javult
- Minden oldal a célnál van
A második heti riport: minden oldal a célnál van. A teljesítménycélok teljesültek.
Az első havi riport a vezetésnek:
- A hónapot úgy kezdtük, hogy az oldalak 40 százaléka volt a cél felett
- A hónapot úgy zártuk, hogy az oldalak 0 százaléka van a cél felett
- Várt regisztrációs javulás: 5 százalékos növekedés (kutatás alapján)
- Jelenlegi regisztrációs szám: havi 1000
- Várt új regisztrációs szám: havi 1050
- Várt új fizető ügyfelek: 50 (20 százalékos konverziót feltételezve)
- Várt új bevétel: 50 ügyfél szorozva 5000 dolláros élettartam-értékkel egyenlő 250 000 dollár
A teljesítmény kommunikálása nem műszaki érdekelteknek
A műszaki érdekeltek értik az LCP-t és a CLS-t. A nem műszaki érdekeltek (vezérigazgató, pénzügy, marketing) nem.
Fordítási rétegre van szükség:
- 2 másodperces LCP egyenlő: az oldal gyorsan jelenik meg (a felhasználó gyorsan látja a tartalmat)
- 0,05-os CLS egyenlő: az oldal stabil (nem ugrál)
- 150 ezredmásodperces INP egyenlő: az oldal reagál (a gombok azonnal válaszolnak)
Jobb fordítás: kösd az üzleti eredményhez.
- 2 másodperces LCP egyenlő 1 százalékos konverziós javulással, ami egyenlő havi 50 000 dollár bevétellel
- 0,05-os CLS egyenlő 2 százalékos elköteleződés-növekedéssel, ami havi 10 000 dollár
- 150 ezredmásodperces INP egyenlő 3 százalékos felhasználói elégedettség-növekedéssel, ami hetente 2000 további visszatérő felhasználó
A nem műszaki érdekeltek a bevételt és a felhasználói hatást értik.
Gyakran ismételt kérdések
Nyilvánosan megjelenítsük a teljesítménymutatókat?
Igen, ha versenyelőnyt jelent. Ha a teljesítményed élvonalbeli, tedd közzé a mutatókat. A felhasználók törődnek a sebességgel. Ha a mutatók szerint gyorsabb vagy a versenytársaknál, a felhasználók téged választanak. De ha a mutatók szerint lassabb vagy, várj a közzétellel, amíg javítasz. A WEMASY weboldalépítőjével ezt közvetlenül a saját weboldaladon beállíthatod.
Hogyan kezeljük a teljesítménycsúcsokat és az anomáliákat?
Azonnal vizsgáld meg. A teljesítménycsúcs jelezhet: infrastruktúra-problémát, forgalmi csúcsot vagy új kód élesítését. Keresd meg a kiváltó okot. Ha a probléma tartós, az oldalt optimalizálni kell. Ha egyszeri, nincs teendő. A vezérlőpult időbeli trendjei megmutatják a tartós problémákat.
Állítsunk be különböző teljesítménycélokat a különböző oldalakra?
Igen. A főoldal a legfontosabb (forgalomhozó, SEO-hatás). Főoldal cél: 2 másodperc alatti LCP. A termékoldal fontos, de másodlagos. Termékoldal cél: 2,5 másodperc alatti LCP. Az admin oldal belső. Admin oldal cél: 4 másodperc alatti LCP. A célok tükrözzék a fontosságot.
Hogyan akadályozzuk meg, hogy a csapat kijátssza a teljesítménymutatókat?
Valós felhasználói mutatókat mérj, ne csak laborteszteket. A laborteszt manipulálható (gyors hálózaton, gyors eszközön tesztelve). A valós felhasználói mutatók (RUM) a tényleges felhasználói élményt mutatják. Riaszts, ha a labor és a RUM eltér. Vizsgáld meg az eltérést.
Milyen gyakran érdemes átnézni a teljesítményriportokat?
Heti fejlesztői áttekintés. Havi vezetői áttekintés. Negyedéves felsővezetői áttekintés. A heti gyorsan elkapja a romlást. A havi a trendeket mutatja. A negyedéves a stratégiai haladást. A gyakoribb jobb a problémák elkapására, a ritkább a trendek meglátására.
Hogyan kössük a teljesítményjavulást az üzleti eredményekhez?
Mérj előtte és utána. Kiindulás: 3 másodperces LCP, 2 százalékos konverziós arány. Javulás: 1,5 másodperces LCP. Új konverziós arány: 2,1 százalék. Hatás: a 0,1 százalékos javulás havi 100 000 látogatónál 100 további konverziót jelent. 100 dolláros rendelési értéknél ez havi 10 000 dollár. Évi 120 000 dollár. Számold ki közvetlenül az üzleti hatást.