Rychlost a výkon webu v prohlížeči


⚠️ Pozor, školení ze Vzhůru dolů již nenabízíme.
Můžete se zdarma podívat na záznamy našich webinářů nebo si objednat školení rychlosti webu na PageSpeed.cz.

Jak funguje prohlížeč a jak optimalizovat rychlost stránky v něm? Tajemná magie, nyní dostupná všem webařům.

„Opravdu víš, co se ti tam děje?“ ptá se Michal Matuška, lektor tohoto školení, ve své populární přednášce o fungování prohlížeče a ladění výkonu v něm.

Po tomto školení už budete vědět, co se v prohlížeči děje. Den s Michalem vám vytrhne trn z paty, pokud zažíváte některé z těchto situací:

  • Metriky rychlosti webu zaměřené na JavaScript (jako TTI) jsou mizerné. Chvíli trvá, než je web po vykreslení možné použít.
  • Animace není plynulá. Vy ale netušíte proč.
  • Prohlížeč se na vaší krásné stránce zadýchává při scrollování.
  • Záložka „Performance“ v Chrome DevTools se vám líbí, ale chtěli byste ji umět také používat.

Michal Matuška

Lektor: Michal Matuška

Michal je zkušený frontendový vývojář, který svými znalostmi pokrývá i hodně skrytá zákoutí CSS, JavaScriptu nebo SVG, zejména pak v kombinaci s jejich interpretací v prohlížečích. Michal spoluzaložil a je technickým šéfem brněnských SUPERKODERS, kde se podílí na vývoji frontendu pro velké české firmy.

Více o lektorovi

Obsah

Den s Michalem je vymyšlený jako kombinace přednáškové části s prací na několika příkladech typických problémů.

  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. Kde začít hledat chybu?
    Představení nástrojů v DevTools. Jak konkrétně fungují a jak z nich číst údaje potřebné k analýze stavu. Jak vytáhnout metriky, které nám rychle odpoví na otázku, zda je problém v našem kódu nebo ne.
  3. Výkon CSS (praktická ukázka)
    Ano. 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.
  4. Výkon JavaScriptu (praktická ukázka)
    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.
  5. A teď do praxe
    Návrhové vzory a disciplína. Bez nich to nepůjde. Na školením vám ale umožníme zrychlit weby hned zítra. Projdeme praktické ukázky, uděláme rozbor typických problémů, do kterých se můžete dostávat.

Na konci školení dostanete prezentaci s odkazy, které vám pomohou v praxi.

Průměrné hodnocení 4,72 z 5 hvězdiček.
Na základě 18 hodnocení od 32 účastníků.

Výborné školení. Nechápu, jak jsem bez těchto znalostí mohl vůbec někdy dělat frontend.

Tomáš Skoumal – 8. října 2020

Michal dokáže odpovedať prakticky na všetko, do hĺbky rozumie fungovaniu prehliadačov a ich komponent.

Dominik Makeš, Home Credit – 8. října 2020

Tolik pro mě nových věcí, že si budu muset dát další z jiných oblastí. Určitě super a doporučuji!!

Marek Veselý, Okaycz.eu – 8. října 2020

Školitel Michal ma super friendly přístup a odborné znalosti, které umi vysvětlit i „dementovi“.

Dominik Šmíd, Český software – 5. února 2020

Další hodnocení

V ceně

Slevy

Veřejné termíny

Kurz momentálně nemá vypsané žádné termíny.

Objednejte více videí a školení na jednu fakturu a se slevou 10 %.

Máte dotaz? [email protected]
Informace ke školením

Proč jít na kurzy Vzhůru dolů?

12 let zkušeností

211 školení

2 840 účastníků