Web Performance mit Christian "Schepp" Schaefer

3:30:44
 
Teilen
 

Manage episode 307671357 series 2631864
Von Moritz Gießmann und Constantin Groß, Moritz Gießmann, and Constantin Groß entdeckt von Player FM und unserer Community - Das Urheberrecht hat der Herausgeber, nicht Player FM, und die Audiodaten werden direkt von ihren Servern gestreamt. Tippe auf Abonnieren um Updates in Player FM zu verfolgen oder füge die URL in andere Podcast Apps ein.

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar, Twitter oder Instagram.

Schnell, schneller, performant! Zusammen mit Performance-Papst Christian "Schepp" Schaefer liefern wir einen der gewaltigsten Gesamtabrisse über Performance im Web: Von Time to First Byte (TTFB) und First Contentful Paint (FCP) über den Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Renderzeiten, flüssigen Animationen, Prefetching, HTTP-Headern und Caching bis hin zu Performance-Testing-Tools wurde wirklich nichts ausgelassen was man zu guter Web-Performance wissen muss. Nebenher besprechen wir CSS "input-security". Unsere bislang kompletteste Themensendung. Zack zack!

Begrüßung – [00:00:54]

Retro – [00:05:35]

Property der Woche: input-security – [00:19:45]

Entscheide Dich – [00:23:34]

Tagesthema: Web Performance – [00:29:25]

  1. Vorstellung Schepp: DOM Treemap, Setup, Podcasting – [00:29:48]
  2. Time to First Byte (TTFB) – [01:02:54]
  3. First Contentful Paint (FCP) – [01:06:16]
  4. Largest Contentful Paint (LCP) – [01:40:14]
  5. Time to Interactive (TTI), Total Blocking Time (TBT) & First Input Delay (FID) – [01:49:54]
  6. Cumulative Layout Shift (CLS) – [01:56:37]
  7. Renderzeiten verringern – [02:06:59]
  8. Flüssige Animationen – [02:12:04]
  9. Vorarbeiten – [02:18:55]
  10. HTTP/1.1/2/3 & Caching – [02:30:17]
  11. Responsiv auf die Datenrate reagieren – [2:45:58]
  12. Tools & Services – [02:51:23]

GeilTeil – [03:16:29]

Das Ende – [03:26:51]

Kapitel

1. Intro (00:00:06)

2. Begrüßung (00:00:54)

3. Retro Constantin: Code Copy&Paste mit verstecktem Schadcode (00:05:35)

4. Moritz: Free Accessibility Audits für NGOs? (00:10:34)

5. Schepp: CSS @property Rule (00:12:31)

6. Constantin: Subgrid-Fortschritt in Chrome dank Microsoft (00:18:33)

7. Property der Woche: input-security (00:19:45)

8. Entscheide Dich! (00:23:34)

9. Tagesthema: Web Performance (00:29:25)

10. 1. Vorstellung Schepp: DOM Treemap, Setup, Podcasting (00:29:48)

11. 2. Time to First Byte (TTFB) (01:02:54)

12. 3. First Contentful Paint (FCP) (01:06:16)

13. 4. Largest Contentful Paint (LCP) (01:40:14)

14. 5. Time to Interactive, Total Blocking Time, First Input Delay (01:49:54)

15. 6. Cumulative Layout Shift (CLS) (01:56:37)

16. 7. Renderzeiten verringern (02:06:59)

17. 8. Flüssige Animationen (02:12:04)

18. 9. Vorarbeiten (02:18:55)

19. 10. HTTP/1.1/2/3 & Caching (02:30:17)

20. 11. Responsiv auf die Datenrate reagieren (02:45:58)

21. 12. Tools & Services (02:51:23)

22. GeilTeil Schepp: Nvidia GeForce Now (03:16:29)

23. Moritz: Vorträge von der Beyond Tellerrand kostenlos ansehen (03:25:00)

24. Das Ende (03:26:51)

38 Episoden