Niveau
Praktiker
Lesezeit
300 Min.
Einträge
36 Lektionen
Sie erhalten
Zertifikat (70% zum Bestehen)
/ Kurse

Web-Performance & Core Web Vitals

Für Entwickler und Website-Betreiber. Tempo beeinflusst Umsatz, Ranking und Kosten. Lernen Sie, was die Core Web Vitals messen, welche Maßnahmen am meisten bringen und wie Sie Verbesserungen messen statt zu raten.

42 Quizfragen Lektionen und Materialien sind auf Englisch

Lesen Sie die erste Lektion

Die komplette erste Lektion, im Original. Der Rest des Kurses liest sich genauso. Das Material ist auf Englisch.

Performance is not a polish pass you schedule for a quiet week after launch. It is a product feature, and when it is missing the bill arrives on four separate invoices.

ConsequenceWhat actually happens
RevenueConversions fall and bounces rise with every extra second. Google's own research put the probability of a bounce 32 percent higher when load time grows from one second to three.
RankingGoogle folds speed signals from real Chrome users into search ranking, so a slow page competes with a handicap before a word of its content is weighed.
AccessibilityA heavy page quietly excludes people on cheap phones, old hardware, and metered connections. For a large share of the web's users, a 4 MB page is not slow, it is unusable.
CostEvery byte is bandwidth and every render is CPU. Heavy pages cost more to serve at exactly the moment they earn less.

Most teams respond by optimising on instinct: someone read that WebP is faster, someone else minifies a file, and a month later nobody can say what any of it changed. Random optimisation hits diminishing returns almost immediately, because one bottleneck usually dominates the whole experience and everything else is noise until it falls.

This course runs on one working method instead. Capture a baseline measurement before you touch anything. Find the single biggest bottleneck. Fix only that. Measure again, and let the numbers say whether it worked.

measure a baseline → fix the biggest bottleneck → measure again → repeat
Why it matters

A fix without a baseline is a story, not a result. The before and after pair is what proves the win, catches the regression, and earns you the time to do the next one.

Lektion 1 von 36.

Lehrplan

  1. How a browser loads a page

    6 Lektionen · Modultest

    1. 01Speed is a feature: revenue, ranking, accessibility, cost
    2. 02From URL to first byte: DNS, TCP, TLS, and TTFB
    3. 03The critical rendering path
    4. 04Render-blocking resources
    5. 05Resource discovery and priorities
    6. 06How speed is judged: the 75th percentile of real users
  2. LCP: the loading metric

    6 Lektionen · Modultest

    1. 07What LCP measures and where 2.5 seconds comes from
    2. 08The four sub-parts of LCP
    3. 09Cutting TTFB: redirects, server time, and streaming HTML
    4. 10The LCP image itself
    5. 11Getting the LCP resource discovered early
    6. 12Diagnosing LCP in practice
  3. INP: the responsiveness metric

    6 Lektionen · Modultest

    1. 13What INP measures across the whole visit
    2. 14Anatomy of one interaction
    3. 15The main thread and long tasks
    4. 16Shipping less JavaScript
    5. 17Breaking up long tasks
    6. 18Third-party scripts: the audit
  4. CLS: the stability metric

    6 Lektionen · Modultest

    1. 19How the shift score is computed
    2. 20Images and embeds without dimensions
    3. 21Ads, banners, and injected content
    4. 22Web fonts and the swap shift
    5. 23Animation and dynamic UI without shift
    6. 24Finding shifts in the wild
  5. Delivering the bytes: images, fonts, caching, CDN

    6 Lektionen · Modultest

    1. 25The cost of bytes: compression and minification
    2. 26Responsive images done right
    3. 27Lazy loading below the fold
    4. 28Font delivery discipline
    5. 29HTTP caching that sticks
    6. 30CDNs and serving from the edge
  6. Measurement and the performance budget

    6 Lektionen · Modultest

    1. 31Lab data: Lighthouse, DevTools, WebPageTest
    2. 32Field data: CrUX and real-user monitoring
    3. 33Why lab and field disagree
    4. 34The optimization workflow
    5. 35Writing a performance budget
    6. 36Enforcing the budget in CI
Jetzt einschreiben
$79