Pravidlo tří sekund
Číslo, které by vás mělo vyděsit: 53 % mobilních uživatelů opustí web, který se načítá déle než 3 sekundy. Ne 10 sekund. Tři. A přesto většina týmů řeší výkon až 'později' — až po dodání funkcí, po launchi, po redesignu. Jenže pak už je pozdě. Každý zbytečný kilobajt JavaScriptu, každý neoptimalizovaný obrázek, každý render-blokující stylesheet je daň na vašem konverzním poměru.
Nastavte tvrdé limity
Performance budget je sada tvrdých limitů, které se váš tým zaváže dodržovat. Celkový JavaScript bundle pod 200 KB gzip. Largest Contentful Paint pod 2,5 sekundy. Cumulative Layout Shift pod 0,1. Time to Interactive pod 3,5 sekundy. To nejsou aspirační cíle — jsou to mantinely. Když by nová funkce překročila budget, buď ji optimalizujete, nebo něco jiného oříznete. Bez výjimek.
Nástroje to zjednodušují
Nástroje to umožňují v praxi. Lighthouse CI běží ve vašem GitHub Actions pipeline a selže build, pokud skóre klesne pod práh. Bundlephobia ukáže cenu každého npm balíčku ještě před instalací. Next.js má vestavěný bundle analyzer. WebPageTest nabízí filmstrip pohledy na reálné načítání na omezeném připojení. Data jsou k dispozici — většina týmů se na ně prostě nedívá.
Začněte dnes
Začněte dnes. Změřte si aktuální Core Web Vitals. Nastavte budgety o 10–15 % přísnější než vaše současná čísla. Přidejte Lighthouse CI do pipeline. Kontrolujte velikost bundlu v každém PR. Týmy, které dodávají rychlé weby, nemají nutně lepší vývojáře — mají výkon jako neodiskutovatelnou součást procesu. Ve steezr každý projekt odchází s performance budgetem zapečetěným v CI. Protože rychlost není funkce — je to základ.
