Rychlost webu

1. den: Rychlost webu 1: načítání

Půlden s Martinem je navržený jako kombinace přednášky s praktickým workshopem při práci na optimalizaci.

1. Základní principy
   HTTP/2 a pohled na performance z něj vycházející. Lazy loading. Nedělejte chyby při měření. Core Web Vitals. Co mít správně na serveru. Ladění rychlosti v DevTools.
2. Načtení JavaScriptu
   Neblokující servírování. Analýza času vykonávání skriptů. Priority stahování a spouštění skriptů. Podmíněné načtení. Skripty třetích stran. Metriky FID, TBT nebo TTI.
3. Obrázky
   Lazy loading a jak ho udělat správně. Nové formáty WebP a AVIF, jak zmenšit datový objem. Metriky LCP a CLS.
4. CSS a webfonty
   Zmenšení velikosti stylů a správné rozdělení do více souborů. Optimalizace velikosti a servírování. Specifika prohlížečů a rychlé načtení bez probliknutí systémového fontu.

Na konci školení dostanete prezentaci plnou odkazů, schémat fungování a argumentů pro kolegy a šéfy.

2. den: Rychlost webu 2: prohlížeč

Po úvodní teorii o prohlížečích projdeme praktické ukázky, uděláme rozbor typických problémů, do kterých se můžete dostávat.

1. Jak funguje prohlížeč
   Hrubé představení fungování browserů, prakticky s dopady na psaní kódu. Zaměřeno na to co zajímá nás vývojáře – hlavní vlákno (main thread).
2. Výkon CSS
   Už samotné CSS, tedy zejména některé jeho vlastnosti, mohou mít přímý vliv na rychlost vykreslení a překreslení stránky. Projdeme všechny faktory, které z pohledu CSS mohou web ovlivňovat.
3. Výkon JavaScriptu
   JavaScript je problematický. Nemá totiž žádné limity a proto se z něj může jednoduše stát nespoutaný živel, který rychlost webu začne nabourávat z mnoha stran. A taky, že nabourává. Zaměříme se na nalezení problematických míst, které mohou výkon javascriptového kódu ovlivnit.