Optimalizace výkonu není jednorázový projekt. Výkon je průběžná praxe.
Postup znamená: tým každý týden prochází data o výkonu. Tým o výkonu mluví na poradách. Tým při psaní kódu myslí na výkon. Tým slaví zlepšení výkonu.
Bez postupu: výkon se časem zhoršuje. Tým na výkon nemyslí, dokud web nepřestane fungovat.
S postupem: výkon se časem zlepšuje. Tým buduje kulturu výkonu. Výkon je ceněn.
Týdenní rituál výkonu
Každé pondělí ráno: tým prochází report výkonu.
Report ukazuje: co se minulý týden zlepšilo, co se minulý týden zhoršilo, co vyžaduje pozornost tento týden.
Diskuse týmu: proč se zhoršilo LCP stránky pokladny. Způsobil to nový kód. Musíme to prověřit.
Výsledek: určí se úkoly. Zlepšení výkonu se zařadí do sprintu.
Reálný příklad týdenního rituálu:
- Pondělí v 10:00: porada o výkonu
- Prohlídka metrik: LCP úvodní stránky se zlepšilo o nula celá dvě sekundy (dobré), INP stránky produktu se zhoršilo o padesát milisekund (prověřit)
- Analýza příčiny: stránka produktu načetla novou funkci (doporučovací systém). Funkce přidala JavaScript, který způsobil nárůst INP.
- Úkoly: odložit JavaScript doporučovacího systému, optimalizovat kód funkce
- Vlastník: vývojář, kterému je oprava přidělena
- Termín: nasazení ve středu
Zapojení výkonu do vývojového procesu
Před nasazením funkce: vývojář změří dopad na výkon.
Funkce přidává funkčnost. Funkce také přidává kód. Kód zvětšuje balíček. Větší balíček může výkon zhoršit.
Rámec: rozpočet výkonu. Funkce nesmí rozpočet překročit.
Příklad: nová funkce stránky pokladny. Rozpočet: přidat do balíčku JavaScriptu nejvýše dvacet kilobajtů. Vývojář funkci naimplementuje. Funkce přidá pětadvacet kilobajtů. Funkce překračuje rozpočet. Vývojář musí optimalizovat: odstranit nepoužívaný kód, rozdělit balíček, odložit kód. Vývojář funkci sníží na dvacet kilobajtů. Funkce je schválena.
Reálný příklad: zavedení doporučovacího systému produktů
Funkce: zobrazit na stránce produktu personalizovaná doporučení produktů.
Rozpočet výkonu: přidat do balíčku nejvýše padesát kilobajtů.
První implementace: padesát kilobajtů. Přesně na rozpočtu.
Testování: změřte LCP a INP.
- LCP vzroste ze dvou na dvě celé tři sekundy (nepřijatelné, překračuje rozpočet)
- INP vzroste ze sta padesáti na tři sta milisekund (nepřijatelné, překračuje rozpočet)
Optimalizace vývojářem: doporučení pod okrajem obrazovky načítat líně, načítání dat doporučení odložit, až bude stránka interaktivní.
Nová implementace: stejných padesát kilobajtů, ale:
- LCP se vrátí na dvě sekundy (pod rozpočtem)
- INP se vrátí na sto sedmdesát milisekund (pod rozpočtem)
Funkce schválena: požadavky na výkon jsou splněny.
Reportování vedení
Měsíční report pro vedení: trendy výkonu a dopad na byznys.
Struktura reportu:
- Cíle výkonu a pokrok
- Srovnání s konkurencí (jak si stojíme oproti konkurentům)
- Dopad na byznys (tržby plynoucí ze zlepšení výkonu)
- Další zaměření (co budeme optimalizovat příště)
Reálný příklad měsíčního reportu pro vedení firmy:
- Cíl: dosáhnout, aby devadesát procent návštěvníků mělo LCP pod dvě a půl sekundy
- Pokrok: aktuálně sedmaosmdesát procent (minulý měsíc pětaosmdesát procent)
- Časový plán: cíle dosáhneme podle plánu za dva měsíce
- Postavení vůči konkurenci: medián LCP konkurentů jsou dvě sekundy, naše LCP jsou dvě sekundy (na mediánu, konkurenceschopné)
- Dopad na byznys: zlepšení výkonu z minulého měsíce zvýšilo dokončení pokladny o nula celá pět procenta. Při sto tisících měsíčních návštěvníků je to pět set dalších konverzí. Při hodnotě objednávky sto dolarů je to padesát tisíc dolarů dalších měsíčních tržeb. Šest set tisíc dolarů ročně.
- Další zaměření: optimalizace mobilu (LCP na mobilu je o sekundu pomalejší než na počítači, příležitost zvýšit konverzní poměr na mobilu)
Nábor pro kulturu výkonu
Přijímejte vývojáře, kterým na výkonu záleží. Otázka u pohovoru: řekněte mi o optimalizaci výkonu, kterou jste provedli.
Přijímejte produktové manažery, kteří výkon oceňují. Výkon zlepšuje zážitek návštěvníků a konverzní poměr. Produktoví manažeři by měli znát dopad na byznys.
Budujte v týmu kulturu, kde je výkon ceněn. Slavte úspěchy ve výkonu. Oceňte vývojáře, který zlepšil LCP o nula celá pět sekundy.
Reálný příklad: nábor pro kulturu výkonu.
Otázka u pohovoru pro kandidáta na vývojáře: popište situaci, kdy jste optimalizoval kód kvůli výkonu. V čem byl problém. Jak jste změřil zlepšení. Jaký to mělo dopad na byznys.
Dobrá odpověď: měli jsme pomalý koncový bod API, který trval dvě sekundy. Uživatelé si stěžovali na pomalou registraci. Profiloval jsem kód a našel drahý databázový dotaz. Přidal jsem ukládání do mezipaměti. Doba odezvy se zlepšila na dvě stě milisekund. Dokončení registrace vzrostlo o dvě procenta. Padesát dalších zákazníků měsíčně. Dvě stě padesát tisíc dolarů dalších ročních tržeb.
Odpověď ukazuje: technické porozumění (profilování, mezipaměť), měření (před a po), obchodní uvažování (dopad na registrace a tržby).
Přijměte tohoto vývojáře. Myslí na výkon i na byznys.
Často kladené otázky
Jak motivovat tým, aby výkon upřednostňoval?
Propojte výkon s obchodními metrikami. Ukažte, že zlepšení výkonu o jedno procento znamená nárůst konverzí o jedno procento. Vypočítejte dopad na tržby. Ukažte náklady na optimalizaci oproti získaným tržbám. Vývojářům záleží na dopadu. Výkon má měřitelný dopad. Vývojáři ho budou upřednostňovat. S WEMASY Tvůrcem webů to nastavíte přímo na svém webu.
Má být optimalizace výkonu samostatný tým, nebo součást všech týmů?
Součást všech týmů. Každý vývojář by měl na výkon myslet. Samostatný tým pro výkon je úzké hrdlo. Lepší je rozložená odpovědnost. Každý vývojář odpovídá za výkon svého kódu. Vedoucí vývoje vede tým k odpovědnosti.
Jak vyvážit nové funkce a optimalizaci výkonu?
Výkon je funkce. Nová funkce plus dopad na výkon jsou celkové náklady. Plánujte rozpočet na obojí. Příklad: nová funkce stojí jeden sprint. Optimalizace výkonu stojí navíc nula celá pět sprintu. Celkové náklady jsou jeden a půl sprintu. Naplánujte obojí. Funkce a výkon se nasazují společně.
Co když vedení na výkonu nezáleží?
Ukažte dopad na byznys. Zlepšení konverze o jedno procento se rovná padesáti tisícům dolarů měsíčně (u typického e-shopu). Vedení rozumí tržbám. Zlepšení výkonu je zlepšení tržeb. Vedení to začne zajímat.
Jak dlouho trvá vybudovat kulturu výkonu?
Tři až šest měsíců. První měsíc: zavedete metriky a přehled. Druhý měsíc: začnou týdenní kontroly, roste povědomí týmu. Třetí měsíc: tým začne při psaní kódu myslet na výkon. Za šest měsíců: výkon je součástí DNA týmu. Noví vývojáři se kulturu výkonu učí od prvního dne.
Jak kulturu výkonu udržet, když firma roste?
Zdokumentujte postupy. Zapojte nové vývojáře do kultury výkonu. První den: ukažte přehled výkonu. První týden: zadejte úkol na zlepšení výkonu. První měsíc: stanovte cíl výkonu. Noví vývojáři se kulturu učí. Kultura se udržuje.