Course curriculum

  • 1

    Demo lekcje

    • Performance Budget [12:41]

    • Testowanie płynności renderowania, animacji i scrollowania

    • Priority Hints (w kontekście obrazków w przestrzeni Above The Fold)

    • Customowe metryki / Timing API [10:44]

    • Kolejność ładowanych zasobów a fonty - przykład [8:49]

    • Lazy loading (responsywnych) teł (background-image) [2:56]

    • Obrazki/wideo connection-aware [3:15]

    • Uporządkowane dane (JSON-LD, Open Graph) [8:51]

    • CSS Containment [5:44]

    • Jak tworzyć wydajny JS? [12:30]

    • Tag Manager [5:19]

    • Forced synchronous layout & 
Layout Trashing [6:07]

    • Ruch z botów / crawlerów AI a wydajność strony

    • Optymalizacja INP w okienku CMP od Google'a

    • Zbieranie danych: RUM

    • NOWE: Optymalizacja menu + krytycznej ścieżki renderowania

    • NOWE: RTT i korelacja z TTFB