web-vitals.js: Zbierajte Core Web Vitals z reálnych používateľov (2026)
web-vitals.js je oficiálna knižnica Chrome tímu pre RUM meranie Core Web Vitals. Sprievodca 2026 s attribution buildom, LoAF a debugom INP v produkcii.
Tutoriály
Podrobné návody a praktické príručky pre optimalizáciu webového výkonu
Speculation Rules API: Instantná navigácia cez prerender a prefetch v roku 2026
Speculation Rules API v Chrome 121+ prakticky: prefetch vs prerender, eagerness, No-Vary-Search a debugging cez DevTools s produkčným kódom.
Optimalizácia TTFB: Kompletný sprievodca rýchlou odozvou servera v roku 2026
Praktický sprievodca skrátením TTFB pod 800 ms cez edge CDN, HTTP/3, 103 Early Hints a streaming SSR. Konkrétne konfigurácie pre Cloudflare, Nginx a Next.js 15.
Optimalizácia LCP: Kompletný sprievodca rýchlym vykreslením v roku 2026
LCP pod 2,5 sekundy v roku 2026 vyžaduje viac než zmenšenie obrázku. Sprievodca štyrmi pod-časťami LCP s pracovnými príkladmi z reálnej produkcie.
Optimalizácia CLS: Kompletný sprievodca vizuálnou stabilitou webu v roku 2026
Kompletný sprievodca optimalizáciou Cumulative Layout Shift (CLS) v roku 2026. Naučte sa opraviť problémy s vizuálnou stabilitou webu — od rozmerov obrázkov, cez metrické prepísanie fontov pomocou size-adjust, až po debugging s Layout Shift Attribution API.
Optimalizácia INP: Kompletný sprievodca rýchlou odozvou webu v roku 2026
INP je najčastejšie zlyhávaná metrika Core Web Vitals — 43 % webov prekračuje hranicu 200 ms. Naučte sa diagnostikovať pomalé interakcie pomocou LoAF API, rozdeľovať dlhé úlohy cez scheduler.yield(), presúvať prácu do Web Workers a využívať concurrent features React, Vue a Angular.
Optimalizácia obrázkov pre web: AVIF, WebP, lazy loading a fetchpriority pre rýchly LCP v 2026
Obrázky tvoria viac ako 50 % veľkosti webových stránok a v 70–80 % prípadov sú LCP elementom. Naučte sa ich optimalizovať pomocou AVIF, WebP, srcset, fetchpriority, lazy loadingu a obrazových CDN. Praktický sprievodca s kódom a checklistom.