Performance & Core Web Vitals

Výkon, caching, CDN a Core Web Vitalsrychlost, kterou pocítí lidé i Google

Zrychlíme váš web/aplikaci tak, aby byl okamžitě použitelný, prošel CWV (Core Web Vitals) a zvládal špičky bez stresu. Kombinujeme architekturu (edge/CDN, ISR/SSR), optimalizace front-endu (obrázky, fonty, bundling) a server/API výkon (cache, DB, infra).

Zelené CWV
CDN & edge cache
RUM monitoring

Co získáte

Měřitelné zlepšení výkonu a uživatelského zážitku

Zelené CWV (mobil p95)

Cíl: LCP ≤ 2,0 s, INP ≤ 200 ms, CLS ≤ 0,1

Stabilní načítání při špičkách

Díky CDN/edge cache a správným headrům

Menší JS a rychlejší render

Méně blokování, lepší interakce

Měřitelný dopad

Dashboard (RUM + CrUX), alerty a pravidelné mini audity

Runbook a guideline

Aby výkon nezhoršovaly nové releasy

Služby (přehled)

Komplexní řešení pro optimalizaci výkonu

Výkonnostní audit

Field (RUM) + lab (Lighthouse/WebPageTest), prioritizace podle dopadu/úsilí

CDN & caching strategie

Edge cache, stale-while-revalidate, stale-if-error, cache-tags, purging

Obrázky

AVIF/WebP, správné velikosti, srcset/sizes, fetchpriority pro LCP, lazy-load, obrázkové CDN

Fonty

Subsetting/variabilní fonty, self-host, font-display, preload + fallback

JavaScript & CSS

Code-splitting, dynamic import, tree-shaking, kritické CSS, remove unused, minimální hydrace

Next.js

SSG/ISR/SSR, Route Handlers, edge runtime, caching headers, RSC streaming, next/image

WordPress

Page/object cache (Redis), DB indexy, selekce pluginů, obrázkové/CDN proxy, bezpečné minify

API & DB

Response caching, ETag/Last-Modified, pagination, N+1 eliminace, connection pooling

Síť & protokoly

HTTP/2-3, Brotli, preconnect/dns-prefetch, Early Hints (103)

Monitoring & alerty

RUM (web-vitals), Sentry, Server-Timing, Looker Studio

Architektonické vzory

Moderní přístupy k vysokému výkonu

Static first

SSG/ISR pro marketingové stránky; rychlé edge doručení

SWR na datech

Rychlá odpověď z cache + do-validace na pozadí

Edge compute

Jednoduché transformace/autentizace co nejblíže uživateli

Data-driven cache

Tagy a cílené purge při změně obsahu/produktů

Hybrid

SSR jen tam, kde je to nutné (personalizace, čerstvá data)

Proces spolupráce

Systematický přístup k optimalizaci výkonu

1

Kickoff & měření

Baseline (CrUX/RUM), mapping šablon a user-flows

2

Audit & plán

Seznam bottlenecků s odhadem dopadu a náročnosti

3

Implementační sprinty

CDN/cache, obrázky/fonty, bundling/JS, API/DB

4

Ověření v terénu

RUM, A/B porovnání, monitoring CWV na klíčové šablony

5

Runbook & guard-rails

Performance budgety v CI, alerty, pravidelné mini audity

Deliverables (co odevzdáme)

Komplexní dokumentace a nástroje

Audit report

Lab + field s prioritami (impact/effort), quick-wins do 2 týdnů

CDN & caching politika

TTL, SWR, purging, cache-tags, Vary, ETag

Optimalizované assety

Obrázky, fonty, kritické CSS, minimal JS bundle

Konfigy

Next.js/WordPress, server headers, build/CI skripty (budgets/LHCI)

Dashboard

CWV (CrUX + RUM), Server-Timing, chybovost/latence, alerty

Runbook

Checklist před releasem, role a zodpovědnosti

KPI a SLO (příklady)

Metriky pro vysoký výkon

CWV mobil p95

LCP ≤ 2,0 s, INP ≤ 200 ms, CLS ≤ 0,1

TTFB p95

≤ 400 ms (edge cache hit ≤ 100 ms)

Velikost JS (initial)

≤ 150–250 kB gzip/Brotli podle typu webu

Dostupnost a latence

Uptime 99,9 %, p95 API do 300 ms (regionálně)

Cache hit-rate

≥ 85 % na statických šablonách

Tech stack (typicky)

Profesionální nástroje pro výkon

CDN/edge

Vercel, Cloudflare, Fastly/Akamai

Obrázky

next/image, Cloudflare Images/imgproxy/Thumbor, Sharp

Měření

web-vitals (RUM), CrUX, Lighthouse CI, WebPageTest, Sentry/Server-Timing

Next.js

App Router, RSC streaming, ISR (revalidate, tags), Route Handlers

WordPress

Redis Object Cache, batched queries, Query Monitor, optimalizované bloky

Build/CI

GitHub Actions, budgets (bundlesize/LHCI), automatické regresní testy

Ceny (orientačně)

Finálně podle velikosti webu, tech stacku a očekávaného dopadu

Perf Audit Starter

od 32 250 Kč

Audit a plán optimalizace

  • Field+lab měření
  • Prioritizovaný plán
  • Quick-wins
  • Nastavení dashboardu
Pošlete brief
Nejoblíbenější

Perf Sprint

od 72 500 Kč / sprint

Implementace optimalizací

  • CDN/cache
  • Obrázky/fonty
  • JS/CSS
  • Next.js/WordPress tuning
Pošlete brief

Perf Care

od 14 750 Kč / měs.

Kontinuální monitoring a údržba

  • RUM monitoring
  • Alerty
  • Mini audity a průběžné fixy
  • Kvartální review
Pošlete brief

Finální cena závisí na velikosti webu, tech stacku a očekávaného dopadu

Mini case studies

Reálné výsledky našich projektů

E-shop frontend (Next.js)

LCP 3,1 s → 1,8 s, INP pod 180 ms; ROAS kampaní +21 %

LCP 3,1 s → 1,8 s
ROAS +21 %

WordPress portál

Redis cache + obrázkové CDN → p95 TTFB −62 %, stabilní traffic při špičkách

TTFB −62 %
Stabilní při špičkách

Městský web

Kritické CSS + font subsetting → lepší čitelnost a bezkritický WCAG audit

Lepší čitelnost
WCAG compliant

FAQ

Často kladené otázky o výkonu webu

Ne. Zavedeme performance budgety a guard-rails, aby každý release udržel rychlost.

Chcete web, který je rychlý, stabilní a lépe konvertuje?

Pošlete URL a cíle – připravíme audit a plán vylepšení.