Angular SSR a performance školení

Workshop pro týmy, které řeší rychlost aplikace, Core Web Vitals, SSR, hydration, lazy loading a optimalizaci bundle size.

Délka

1-2 dny

Podle rozsahu optimalizace a zda chcete workshop navázat na konkrétní aplikaci.

Cena

Od 35 000 Kč bez DPH

Pro tým do 8 vývojářů. Více účastníků možné po domluvě.

Formát

Online nebo u vás

Workshop s měřením metrik, analýzou kódu a doporučeními pro vaši aplikaci.

Pro koho je workshop vhodný

Týmy s výkonnostními problémy

Aplikace je pomalá, má špatné Core Web Vitals nebo velký bundle.

Týmy plánující SSR

Zvažujete server-side rendering a chcete vyhnout typickým problémům.

Tech leady a frontend leady

Chcete nastavit standardy pro lazy loading, bundle budget a metriky.

Předpoklady

Technické

  • Praktická zkušenost s Angularem (min. 6 měsíců)
  • Znáte komponenty, routing a lazy loading
  • Rozumíte TypeScript a modernímu JavaScriptu
  • Pracujete s reálnou Angular aplikací

Obsahové

  • Přístup k Lighthouse nebo RUM metrikám
  • Případně anonymizované ukázky kódu
  • Otevřenost k refaktoringu kritických částí
  • Zájem o dlouhodobě rychlou aplikaci

Co před optimalizací změříme

Performance workshop začíná metrikami. Bez nich se snadno optimalizuje kód, který není pro uživatele ani byznys kritický.

První render

LCP, velikost prvního bundle, kritické zdroje, obrázky a části stránky, které brání rychlému načtení.

Interakce

INP, dlouhé tasky, drahé change detection cykly a komponenty, které zpomalují hlavní uživatelské flow.

Stabilita layoutu

CLS, pozdní načítání fontů, obrázků, skeletonů nebo dynamického obsahu, který posouvá stránku.

Praktická roadmapa zlepšení

Rychlé opravy

Lazy loading rout, odstranění zbytečných importů, optimalizace obrázků a kontrola největších balíků.

Strukturální změny

Rozdělení těžkých částí aplikace, @defer, SSR nebo hydration tam, kde skutečně pomohou prvnímu renderu.

Měření dopadu

Každé doporučení musí mít očekávaný dopad a způsob ověření, aby tým viděl, jestli se změna vyplatila.

Dlouhodobý standard

Výsledkem jsou i pravidla pro nové feature: bundle budget, lazy loading, práce s médii a kontrola kritických flow.

Performance školení navazuje na reálné metriky

Nejlepší výsledek vznikne, když předem víme, co je pomalé a jaké jsou cíle pro LCP, INP a CLS.

Domluvit workshop