Poziom
Praktyk
Czas czytania
300 min
Pozycje
36 lekcji
Otrzymujesz
Certyfikat (70% do zaliczenia)
/ Kursy

Wydajność stron i Core Web Vitals

Dla programistów i właścicieli stron. Szybkość wpływa na przychód, ranking i koszty. Dowiedz się, co mierzą Core Web Vitals, które poprawki dają najwięcej i jak mierzyć efekty zamiast zgadywać.

42 pytania w quizie Lekcje i materiały są w języku angielskim

Przeczytaj pierwszą lekcję

Cała lekcja pierwsza, w oryginale. Reszta kursu jest napisana w ten sam sposób. Materiał jest po angielsku.

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.

Lekcja 1 z 36.

Program

  1. How a browser loads a page

    6 lekcji · test modułu

    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 lekcji · test modułu

    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 lekcji · test modułu

    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 lekcji · test modułu

    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 lekcji · test modułu

    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 lekcji · test modułu

    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
Zapisz się
$79