[{"data":1,"prerenderedAt":1236},["ShallowReactive",2],{"post-\u002Fblog\u002Fcore-web-vitals-slovnik":3,"related-\u002Fblog\u002Fcore-web-vitals-slovnik":1225},{"id":4,"title":5,"body":6,"canonical":1210,"cover":1210,"date":1211,"description":1212,"draft":1213,"extension":1214,"meta":1215,"navigation":1216,"path":1217,"readingTime":1218,"seo":1219,"sitemap":1220,"stem":1221,"tags":1222,"updated":1210,"__hash__":1224},"blog\u002Fblog\u002Fcore-web-vitals-slovnik.md","Slovník Core Web Vitals: LCP, INP, CLS a ďalšie pojmy",{"type":7,"value":8,"toc":1197},"minimark",[9,18,29,202,205,210,221,233,239,245,251,257,267,278,285,291,297,312,325,329,339,370,382,439,445,450,480,491,495,510,521,538,543,564,570,576,580,594,614,626,631,635,645,651,660,677,683,693,699,707,743,748,752,759,770,781,794,800,811,817,823,827,838,895,898,901,904,915,920,924,946,952,965,986,992,998,1004,1010,1020,1026,1055,1059,1064,1151,1156,1177,1181],[10,11,12,13,17],"p",{},"Core Web Vitals sú tri metriky - LCP, INP a CLS. Web ich spĺňa, keď sú všetky tri v \"zelených číslach\" na ",[14,15,16],"strong",{},"75. percentile návštev",", pre mobilné zariadenia a desktop. Tento slovník je referenčná stránka, podľa ktorej sa môžete orientovať: každý pojem má definíciu, prahy, typické pasce a odkaz na primárny zdroj.",[10,19,20,21,28],{},"Všetky prahy nižšie sú hodnotené na p75 z reálnych používateľov (",[22,23,27],"a",{"href":24,"rel":25},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals",[26],"nofollow","web.dev: Web Vitals",").\nŠtandardne sa pri metrikách rozlišujú tri intervaly: Good, Needs improvement a Poor. Ak je metrika v zelenom, stránka je \"good\" pre túto metriku.",[30,31,32,57],"table",{},[33,34,35],"thead",{},[36,37,38,42,45,48,51,54],"tr",{},[39,40,41],"th",{},"Metrika",[39,43,44],{},"Čo meria",[39,46,47],{},"Good",[39,49,50],{},"Needs improvement",[39,52,53],{},"Poor",[39,55,56],{},"Status",[58,59,60,85,109,132,156,179],"tbody",{},[36,61,62,70,73,76,79,82],{},[63,64,65],"td",{},[22,66,69],{"href":67,"rel":68},"https:\u002F\u002Fweb.dev\u002Farticles\u002Flcp",[26],"LCP",[63,71,72],{},"Načítanie najväčšieho viditeľného obsahu",[63,74,75],{},"≤ 2,5 s",[63,77,78],{},"2,5–4,0 s",[63,80,81],{},"> 4,0 s",[63,83,84],{},"Core Web Vital",[36,86,87,94,97,100,103,106],{},[63,88,89],{},[22,90,93],{"href":91,"rel":92},"https:\u002F\u002Fweb.dev\u002Farticles\u002Finp",[26],"INP",[63,95,96],{},"Odozva na interakcie",[63,98,99],{},"≤ 200 ms",[63,101,102],{},"200–500 ms",[63,104,105],{},"> 500 ms",[63,107,108],{},"Core Web Vital (od 12. 3. 2024)",[36,110,111,118,121,124,127,130],{},[63,112,113],{},[22,114,117],{"href":115,"rel":116},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fcls",[26],"CLS",[63,119,120],{},"Vizuálna stabilita",[63,122,123],{},"≤ 0,1",[63,125,126],{},"0,1–0,25",[63,128,129],{},"> 0,25",[63,131,84],{},[36,133,134,141,144,147,150,153],{},[63,135,136],{},[22,137,140],{"href":138,"rel":139},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fttfb",[26],"TTFB",[63,142,143],{},"Odozva servera",[63,145,146],{},"≤ 0,8 s",[63,148,149],{},"0,8–1,8 s",[63,151,152],{},"> 1,8 s",[63,154,155],{},"Diagnostická",[36,157,158,165,168,171,174,177],{},[63,159,160],{},[22,161,164],{"href":162,"rel":163},"https:\u002F\u002Fweb.dev\u002Farticles\u002Ffcp",[26],"FCP",[63,166,167],{},"Prvé vykreslenie obsahu",[63,169,170],{},"≤ 1,8 s",[63,172,173],{},"1,8–3,0 s",[63,175,176],{},"> 3,0 s",[63,178,155],{},[36,180,181,188,191,194,197,199],{},[63,182,183],{},[22,184,187],{"href":185,"rel":186},"https:\u002F\u002Fweb.dev\u002Farticles\u002Ftbt",[26],"TBT",[63,189,190],{},"Blokovanie hlavného vlákna (lab)",[63,192,193],{},"\u003C 200 ms",[63,195,196],{},"-",[63,198,196],{},[63,200,201],{},"Lab proxy pre INP",[10,203,204],{},"Ako čítať tento slovník: najprv základné pojmy (p75, field vs. lab), potom tri Core Web Vitals, diagnostické metriky, aktuálne dáta o stave webu a nakoniec ďalšie pojmy.",[206,207,209],"h2",{"id":208},"základné-pojmy","Základné pojmy",[10,211,212,215,216,220],{},[14,213,214],{},"Web Vitals"," - iniciatíva Googlu, ktorá definuje signály kvalitného používateľského zážitku na webe. Zahŕňa aj pomocné metriky ako TTFB, FCP či TBT (",[22,217,219],{"href":24,"rel":218},[26],"web.dev",").",[10,222,223,226,227,232],{},[14,224,225],{},"Core Web Vitals (CWV)"," - podmnožina Web Vitals, ktorá platí pre každú stránku a je priamo merateľná na webe. V súčasnosti sú to LCP (načítanie), INP (interakcie) a CLS (vizuálna stabilita). Stabilné metriky sa menia najviac raz ročne a každá zmena ide do verejného ",[22,228,231],{"href":229,"rel":230},"https:\u002F\u002Fchromium.googlesource.com\u002Fchromium\u002Fsrc\u002F+\u002Fmain\u002Fdocs\u002Fspeed\u002Fmetrics_changelog\u002FREADME.md",[26],"changelogu",".",[10,234,235,238],{},[14,236,237],{},"Životný cyklus metriky"," - experimental → pending → stable. Pending fáza trvá najmenej šesť mesiacov, aby sa ekosystém stihol prispôsobiť. Touto cestou prešlo napríklad INP predtým ako nahradilo pôvodnú metriku FID(first input delay).",[10,240,241,244],{},[14,242,243],{},"p75 (75. percentil)"," - hodnota, pod ktorou je 75 % meraní. Stránka je „good“, keď aspoň 75 % návštev spĺňa prah. Dôvodom na využívanie tohoto percentilu je, aby nám odchýlky spôsobené sieťou alebo zariadeniami s extrémne odchýlenými hodnotami nevychýlili výsledky. Hodnotí sa zvlášť mobil a desktop, kvôli rôznym zobrazovacím a sieťovým podmienkam.",[10,246,247,250],{},[14,248,249],{},"Passing \u002F „prešiel CWV“"," - stav, keď web spĺňa všetky tri Core Web Vitals na p75 naraz. Ak chýba dátový bod pre INP (nikto neinteragoval), hodnotí sa zo zvyšných dvoch metrik.",[10,252,253,256],{},[14,254,255],{},"Field data"," - merania od reálnych používateľov na ich zariadeniach a sieťach. Zdroje: CrUX a vlastný RUM. Toto sú dáta, podľa ktorých sa Core Web Vitals hodnotia.",[10,258,259,262,263,220],{},[14,260,261],{},"Lab data"," - merania v kontrolovanom prostredí (Lighthouse, DevTools, WebPageTest). Sú reprodukovateľné a vhodné na ladenie, nevidia však skutočné interakcie uživateľov, cache ani rozmanitosť zariadení a sieťových podmienok. Lighthouse preto INP nemeria a používa TBT ako proxy (",[22,264,219],{"href":265,"rel":266},"https:\u002F\u002Fweb.dev\u002Farticles\u002Flab-and-field-data-differences",[26],[10,268,269,272,273,220],{},[14,270,271],{},"CrUX (Chrome User Experience Report)"," - verejný dataset anonymizovaných terénnych meraní z Chromu. Poháňa PageSpeed Insights, Search Console aj CrUX v DevTools (",[22,274,277],{"href":275,"rel":276},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fcrux",[26],"CrUX dokumentácia",[279,280,282],"callout",{"type":281},"warning",[10,283,284],{},"CrUX zbiera iba používateľov Chromu, ktorí zdieľajú štatistiky používania. Safari,Firefox, Edge či Opera v ňom nie sú. Takisto neobsahuje interakcie v inkognito móde. Pokiaľ teda máte vysoký podiel návštev z iných prehliadačov, CrUX nemusí byť úplne reprezentatívny. Preto je v niektorých prípadoch vhodné doplniť CrUX vlastným RUM monitoringom.",[10,286,287,290],{},[14,288,289],{},"28-dňové okno"," - CrUX v PageSpeed Insights a CrUX API sú agregované za posledných 28 dní. Oprava nasadená dnes sa preto v skóre prejaví postupne a naplno až po zhruba štyroch týždňoch.",[10,292,293,296],{},[14,294,295],{},"Origin vs. URL"," - CrUX má dáta za celú doménu ale aj za jednotlivé podstránky, pokiaľ majú dostatočnú návštevnosť.",[10,298,299,302,303,311],{},[14,300,301],{},"RUM (Real User Monitoring)"," - vlastné meranie hodnôt pri uživateľoch, typicky cez knižnicu ",[22,304,307],{"href":305,"rel":306},"https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Fweb-vitals",[26],[308,309,310],"code",{},"web-vitals"," alebo cez iný na to určený nástroj. Na rozdiel od CrUX, tu sme schopní merať hodnoty pre všetky prehliadače, každý pageview a vieme úsť viac do hĺbky (ktorý element bol problémový, ktorá interakcia je pomalá, ...). Aj Google odporúča mať vlastné RUM popri CrUX.",[10,313,314,317,318,320,321,324],{},[14,315,316],{},"Atribúcia (attribution build)"," - verzia ",[308,319,310],{}," (",[308,322,323],{},"web-vitals\u002Fattribution","), ktorá k hodnote pridá príčinu: LCP element, INP interakcie a jej fázy, element s najväčším posunom pri CLS.",[206,326,328],{"id":327},"lcp-largest-contentful-paint","LCP - Largest Contentful Paint",[10,330,331,332,334,335,220],{},"LCP je čas od začiatku navigácie po vykreslenie najväčšieho obrázku alebo najväčšieho textového bloku vo na obrazovke(viewport). Good je ",[14,333,75],{}," na p75 (",[22,336,338],{"href":67,"rel":337},[26],"web.dev: LCP",[10,340,341,344,345,348,349,352,353,356,357,360,361,364,365,220],{},[14,342,343],{},"Kandidáti na LCP element"," - ",[308,346,347],{},"\u003Cimg>",", ",[308,350,351],{},"\u003Cimage>"," v SVG, náhľad ",[308,354,355],{},"\u003Cvideo>",", element s CSS ",[308,358,359],{},"background-image"," cez ",[308,362,363],{},"url()"," a blokové elementy s textom. Štatistiky podľa Web Almanac 2025 tvrdia, že LCP elementom je obrázok na 76 % mobilných a 85 % desktopových stránok, text na 24 % mobilných (",[22,366,369],{"href":367,"rel":368},"https:\u002F\u002Falmanac.httparchive.org\u002Fen\u002F2025\u002Fperformance",[26],"Web Almanac 2025",[10,371,372,375,376,381],{},[14,373,374],{},"Fázy LCP (LCP subparts)"," - každé LCP sa dá bez medzier rozložiť na štyri časti, ktoré spolu dávajú celkový čas (",[22,377,380],{"href":378,"rel":379},"https:\u002F\u002Fweb.dev\u002Farticles\u002Foptimize-lcp",[26],"web.dev: Optimize LCP","):",[30,383,384,396],{},[33,385,386],{},[36,387,388,391,393],{},[39,389,390],{},"Fáza",[39,392,44],{},[39,394,395],{},"Odporúčaný podiel",[58,397,398,408,419,429],{},[36,399,400,402,405],{},[63,401,140],{},[63,403,404],{},"Od navigácie po prvý bajt HTML",[63,406,407],{},"~40 %",[36,409,410,413,416],{},[63,411,412],{},"Resource load delay",[63,414,415],{},"Od TTFB po začiatok sťahovania zdroja LCP",[63,417,418],{},"\u003C 10 %",[36,420,421,424,427],{},[63,422,423],{},"Resource load duration",[63,425,426],{},"Sťahovanie LCP zdroja",[63,428,407],{},[36,430,431,434,437],{},[63,432,433],{},"Element render delay",[63,435,436],{},"Od stiahnutia po vykreslenie elementu",[63,438,418],{},[279,440,442],{"type":441},"tip",[10,443,444],{},"Dve časti so slovom „delay“ by mali byť v ideálnom scenári blízko nule. Percentá sú vodítko, nie absolútne čísla - samotné sťahovanie býva málokedy hlavné úzke hrdlo.",[10,446,447],{},[14,448,449],{},"Typické problémy:",[451,452,453,460,467,474],"ul",{},[454,455,456,459],"li",{},[308,457,458],{},"loading=\"lazy\""," na LCP elemente: robí to 16-17 % stránok, hoci to vždy zhorší samotnú rýchlosť vykreslenia LCP elementu, pretože sa sťahuje neskôr. Lazy v tomto prípade nie je riešením.",[454,461,462,463,466],{},"LCP obrázok nie je v HTML (vložený JavaScriptom, ",[308,464,465],{},"data-src",", CSS pozadie bez preloadu),",[454,468,469,470,473],{},"chýbajúci ",[308,471,472],{},"fetchpriority=\"high\"",": používa ho len 17 % mobilných stránok s LCP obrázkom,",[454,475,476,477,232],{},"client-side rendering, A\u002FB testovacie skripty skrývajúce obsah, synchrónne skripty v ",[308,478,479],{},"\u003Chead>",[10,481,482,485,486,220],{},[14,483,484],{},"Podpora v prehliadačoch"," - Firefox meria LCP od januára 2024, Safari od verzie 26.2 (december 2025) (",[22,487,490],{"href":488,"rel":489},"https:\u002F\u002Fwww.debugbear.com\u002Fblog\u002Ffirefox-safari-web-vitals",[26],"DebugBear",[206,492,494],{"id":493},"inp-interaction-to-next-paint","INP - Interaction to Next Paint",[10,496,497,498,334,500,504,505,220],{},"INP meria najhoršiu (takmer najhoršiu) odozvu na kliknutia, ťuknutia a stlačenie klávesov počas celej návštevy stránky. Good je ",[14,499,99],{},[22,501,503],{"href":91,"rel":502},[26],"web.dev: INP","). Core Web Vital je od marca 2024, keď nahradilo metriku FID (",[22,506,509],{"href":507,"rel":508},"https:\u002F\u002Fweb.dev\u002Fblog\u002Finp-cwv-launch",[26],"web.dev blog",[10,511,512,515,516,520],{},[14,513,514],{},"Prečo je to dôležité"," - podľa dát Chromu trávi používateľ 90 % času na stránke až ",[517,518,519],"em",{},"po"," jej načítaní. FID meralo len prvú interakciu uživateľa a INP sleduje všetky interakcie.",[10,522,523,526,527,530,531,530,534,537],{},[14,524,525],{},"Interakcia"," - skupina event handlerov jedného logického gesta (napr. ",[308,528,529],{},"pointerdown"," + ",[308,532,533],{},"pointerup",[308,535,536],{},"click"," pri ťuknutí). Počítajú sa iba klik myšou, ťuknutie a klávesnica. Scroll alebo zoom sa nepočítajú.",[10,539,540],{},[14,541,542],{},"Tri fázy interakcie:",[544,545,546,552,558],"ol",{},[454,547,548,551],{},[14,549,550],{},"Input delay"," - od vstupu po spustenie prvého handlera. Rastie, keď nám úkon blokujú dlhé úlohy (hydratácia, scripty tretích strán).",[454,553,554,557],{},[14,555,556],{},"Processing duration"," - beh všetkých event handlerov interakcie.",[454,559,560,563],{},[14,561,562],{},"Presentation delay"," - od konca handlerov po vykreslenie ďalšieho frame-u (style, layout, paint). Veľký DOM a layout thrashing ju predlžujú.",[10,565,566,569],{},[14,567,568],{},"Pravidlo outlierov"," - na každých 50 interakcií sa ignoruje jedna najhoršia. Väčšina návštev má však často menej ako 50 interakcií, takže sa obvykle odreportuje tá úplne najhoršia.",[10,571,572,575],{},[14,573,574],{},"Kedy INP chýba"," - používateľ nevykonal nijakú interakciu, iba scrolloval, alebo išlo o bota. Lab nástroje bez skriptovaných interakcií INP nenamerajú; v takom prípade sa sleduje TBT.",[10,577,578],{},[14,579,449],{},[451,581,582,585,588,591],{},[454,583,584],{},"dlhé synchrónne handlery - napríklad filtrovanie veľkého zoznamu pri každom stlačení klávesy,",[454,586,587],{},"drahá reaktivita bez debouncu alebo throttlingu,",[454,589,590],{},"zmena, pri ktorej prerenderujeme veľkú časť strany,",[454,592,593],{},"množstvo JS ktoré beží na pozadí a blokuje tým hlavné vlákno (reklamy, analytika, widgety tretích strán),",[279,595,596],{"type":441},[10,597,598,599,348,602,530,605,608,609,220],{},"Dajte uživateľovy vizuálnu odozvu na interakciu hneď a zvyšok práce presuňte za ďalší frame (",[308,600,601],{},"scheduler.yield()",[308,603,604],{},"requestAnimationFrame",[308,606,607],{},"setTimeout",") (",[22,610,613],{"href":611,"rel":612},"https:\u002F\u002Fweb.dev\u002Farticles\u002Foptimize-inp",[26],"web.dev: Optimize INP",[10,615,616,618,619,622,623,220],{},[14,617,484],{}," - Firefox podporuje ",[308,620,621],{},"interactionId"," potrebné pre INP od októbra 2025, Safari od verzie 26.2 (",[22,624,490],{"href":488,"rel":625},[26],[279,627,628],{"type":281},[10,629,630],{},"Safari implementácia INP má podľa DebugBear ešte chyby a občas hlási nereálne vysoké hodnoty.",[206,632,634],{"id":633},"cls-cumulative-layout-shift","CLS - Cumulative Layout Shift",[10,636,637,638,334,640,644],{},"CLS je súčet neočakávaných posunov počas celej návštevy podstránky. Good je ",[14,639,123],{},[22,641,643],{"href":115,"rel":642},[26],"web.dev: CLS","). Je bezrozmerné - nie sekundy, nie pixely. Vyjadrená je koeficientom, ktorý sa počíta z veľkosti posunutých elementov a vzdialenosti, o ktorú sa posunuli.",[10,646,647,650],{},[14,648,649],{},"Layout shift"," - viditeľný element zmení svoju počiatočnú pozíciu. Pridanie nového elementu alebo zmena veľkosti nie je posun, pokiaľ neposunie iné viditeľné elementy.",[10,652,653,656,657,232],{},[14,654,655],{},"Layout shift score"," - súčin dvoch zlomkov: ",[517,658,659],{},"layout shift score = impact fraction × distance fraction",[451,661,662,668,674],{},[454,663,664,667],{},[14,665,666],{},"Impact fraction"," - podiel viewportu, ktorý zaberajú nestabilné elementy pred a po posune dohromady.",[454,669,670,673],{},[14,671,672],{},"Distance fraction"," - najväčšia vzdialenosť, o ktorú sa element posunul, delená najväčším rozmerom viewportu.",[454,675,676],{},"Príklad z web.dev: element na 50 % viewportu sa posunie o 25 % výšky → 0,75 × 0,25 = 0,1875, čiže jediný takýto posun nás dostane k „poor“ hodnoteniu.",[10,678,679,682],{},[14,680,681],{},"Session window"," - skupina posunov s menej než 1 s medzi nimi a maximálnou dĺžkou okna 5 s. CLS je skóre najhoršieho okna. Pôvodne bolo CLS súčtom všetkých posunov, čo neprimerane trestalo dlho otvorené stránky (obzvlášt postihovalo SPA).",[10,684,685,688,689,692],{},[14,686,687],{},"Očakávaný vs. neočakávaný posun"," - posuny do 500 ms po diskrétnom vstupe (klik, ťuk, klávesa) majú príznak ",[308,690,691],{},"hadRecentInput"," a nezapočítavajú sa. Scroll, drag a pinch sa za takýto vstup nepovažujú.",[10,694,695,698],{},[14,696,697],{},"Lab vs. field"," - lab nástroje vidia iba posuny počas načítania, takže CLS z Lighthouse býva nižšie než u reálnych používateľov.",[10,700,701,320,704,381],{},[14,702,703],{},"Typické príčiny",[22,705,369],{"href":367,"rel":706},[26],[451,708,709,724,727,730],{},[454,710,711,712,715,716,719,720,723],{},"obrázky bez ",[308,713,714],{},"width","\u002F",[308,717,718],{},"height"," alebo ",[308,721,722],{},"aspect-ratio"," - 62 % mobilných stránok má aspoň jeden,",[454,725,726],{},"výmena fontu za fallback s inými metrikami,",[454,728,729],{},"reklamy a iframy bez rezervovaného miesta,",[454,731,732,733,715,736,738,739,742],{},"animácie ",[308,734,735],{},"top",[308,737,718],{}," namiesto ",[308,740,741],{},"transform"," - 40 % mobilných stránok.",[10,744,745,747],{},[14,746,484],{}," - CLS (Layout Instability API) meria stále iba Chromium.",[206,749,751],{"id":750},"diagnostické-a-historické-metriky","Diagnostické a historické metriky",[10,753,754,755,758],{},"Nasledujúce metriky nie sú Core Web Vitals, ale vysvetľujú, ",[517,756,757],{},"prečo"," je LCP alebo INP zlé.",[10,760,761,764,765,769],{},[14,762,763],{},"TTFB - Time to First Byte"," - čas od začiatku navigácie po prvý bajt HTML odpovede. Zahŕňa presmerovania, DNS, TCP\u002FTLS a spracovanie na serveri. Good ≤ 0,8 s, poor > 1,8 s (",[22,766,768],{"href":138,"rel":767},[26],"web.dev: TTFB","). Je prvou podčasťou LCP, takže pomalé TTFB robí 2,5 dokáže narobiť veľké problémy pri LCP metrike.",[10,771,772,775,776,780],{},[14,773,774],{},"FCP - First Contentful Paint"," - prvé vykreslenie akéhokoľvek obsahu (text, obrázok, SVG, nie-biely canvas). Good ≤ 1,8 s, poor > 3,0 s (",[22,777,779],{"href":162,"rel":778},[26],"web.dev: FCP","). Veľký rozdiel TTFB → FCP signalizuje render-blocking zdroje.",[10,782,783,344,786,789,790,220],{},[14,784,785],{},"TBT - Total Blocking Time",[14,787,788],{},"iba lab metrika",": súčet časti dlhých úloh nad 50 ms medzi FCP a Time to Interactive. Good \u003C 200 ms. Je to lab proxy pre INP, nie náhrada (",[22,791,793],{"href":185,"rel":792},[26],"web.dev: TBT",[10,795,796,799],{},[14,797,798],{},"Long task"," - úloha na main threade ktorá jedlhšia ako 50 ms. Blokuje vstup aj vykresľovanie.",[10,801,802,805,806,220],{},[14,803,804],{},"LoAF - Long Animation Frames API"," - API, ktoré hlási frame-y oneskorené o viac ako 50 ms a pripisuje im konkrétne skripty. Je to najlepší nástroj na identifikáciu zlého INP v teréne (",[22,807,810],{"href":808,"rel":809},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fweb-platform\u002Flong-animation-frames",[26],"Chrome for Developers",[10,812,813,816],{},[14,814,815],{},"FID - First Input Delay (vyradené)"," - meralo iba input delay prvej interakcie. 12. marca 2024 ho nahradilo INP a z nástrojov Googlu bolo odstránené. Staré články s FID treba považovať za neaktuálne.",[10,818,819,822],{},[14,820,821],{},"Speed Index, TTI"," - staršie lab metriky z Lighthouse. Speed Index meria, ako rýchlo sa obsah vizuálne vyplní; TTI bolo z Lighthouse 10 odstránené.",[206,824,826],{"id":825},"stav-webu-v-číslach","Stav webu v číslach",[10,828,829,830,833,834,232],{},"V júli 2025 spĺňalo všetky tri Core Web Vitals 48 % mobilných a 56 % desktopových verzií webov (",[22,831,369],{"href":367,"rel":832},[26],"). Ide o posledný úplný ročný prehľad; ktorý štadardne vychádza ku koncu roka. Aktuálne mesačné čísla sú v ",[22,835,837],{"href":275,"rel":836},[26],"CrUX",[30,839,840,853],{},[33,841,842],{},[36,843,844,847,850],{},[39,845,846],{},"Ukazovateľ (CrUX, júl 2025)",[39,848,849],{},"Mobil",[39,851,852],{},"Desktop",[58,854,855,866,876,885],{},[36,856,857,860,863],{},[63,858,859],{},"Originy s dobrými CWV",[63,861,862],{},"48 %",[63,864,865],{},"56 %",[36,867,868,871,874],{},[63,869,870],{},"Domovské stránky s dobrými CWV",[63,872,873],{},"45 %",[63,875,196],{},[36,877,878,881,883],{},[63,879,880],{},"Sekundárne stránky s dobrými CWV",[63,882,865],{},[63,884,196],{},[36,886,887,890,893],{},[63,888,889],{},"Originy s dobrým TTFB",[63,891,892],{},"44 %",[63,894,196],{},[10,896,897],{},"Mobil rástol aj po nástupe prísnejšieho INP v marci 2024. Desktop sa medzi 2024 a 2025 prakticky nepohol.",[10,899,900],{},"LCP je na mobile úzkym hrdlom, pretože jeho prvou podčasťou je TTFB, ktoré má dobré iba 44 % mobilných originov. CLS je jediná metrika, kde mobil vedie nad desktopom.",[10,902,903],{},"Pre kontext z rovnakej kapitoly:",[451,905,906,909,912],{},[454,907,908],{},"domovské stránky spĺňajú CWV horšie ako sekundárne: 45 % vs. 56 % na mobile,",[454,910,911],{},"top 1 000 webov má dobré CWV na mobile v 51 %, stredne populárne weby (top 100 000) len v 37 %,",[454,913,914],{},"medián TBT na mobile stúpol na 1 916 ms (2024: 1 209 ms), hoci terénne INP sa zlepšilo.",[279,916,917],{},[10,918,919],{},"TBT v labe rástlo, INP v teréne sa zlepšovalo. Dobrý príklad, prečo lab a field dáta netreba zamieňať.",[206,921,923],{"id":922},"ďalšie-pojmy-az","Ďalšie pojmy A–Z",[10,925,926,929,930,933,934,937,938,348,943,220],{},[14,927,928],{},"bfcache (back\u002Fforward cache)"," - prehliadač uloží celú stránku do pamäte a pri tlačidle Späť\u002FDopredu ju obnoví okamžite z pamäte. CLS aj INP sa vtedy resetujú. Blokujú ju napr. ",[308,931,932],{},"unload"," handlery (11 % desktopových stránok) a v Safari a Firefoxe aj ",[308,935,936],{},"Cache-Control: no-store"," (23 % stránok) (",[22,939,942],{"href":940,"rel":941},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fbfcache",[26],"web.dev: bfcache",[22,944,369],{"href":367,"rel":945},[26],[10,947,948,951],{},[14,949,950],{},"Distribution (good \u002F NI \u002F poor)"," - CrUX neuvádza len p75, ale aj podiel návštev v každom pásme. Posun distribúcie ukáže zlepšenie skôr, než sa p75 prehupne cez prah.",[10,953,954,957,958,715,961,964],{},[14,955,956],{},"Early Hints (HTTP 103)"," - server pošle ",[308,959,960],{},"preload",[308,962,963],{},"preconnect"," hinty ešte pred hotovým HTML. Zlepšuje FCP a LCP pri pomalom TTFB; používa sa na menej než 6 % stránok.",[10,966,967,970,971,715,974,715,977,980,981,983,984,232],{},[14,968,969],{},"fetchpriority"," - HTML atribút (",[308,972,973],{},"high",[308,975,976],{},"low",[308,978,979],{},"auto","), ktorý mení prioritu sťahovania. Na LCP obrázok ",[308,982,973],{},", na neviditeľné slajdy karuselu ",[308,985,976],{},[10,987,988,991],{},[14,989,990],{},"Hydratácia"," - kroky, ktorými frontendový framework pripojí JavaScript k serverovo vyrenderovanému HTML. Dlhá hydratácia je častým zdrojom input delay pri INP počas načítania.",[10,993,994,997],{},[14,995,996],{},"Interop"," - každoročná iniciatíva výrobcov prehliadačov zjednotiť vybrané funkcie. V Interop 2025 boli LCP a INP (Event Timing), vďaka čomu ich dnes merajú Chrome, Firefox aj Safari.",[10,999,1000,1003],{},[14,1001,1002],{},"Page-level vs. origin-level"," - Web Almanac ukázal, že sekundárne stránky majú lepšie CWV ako domovské (56 % vs. 45 % na mobile), pretože často profitujú z cache.",[10,1005,1006,1009],{},[14,1007,1008],{},"Preload scanner"," - paralelný parser, ktorý v surovom HTML hľadá zdroje na sťahovanie skôr, než sa vykoná JavaScript. Čo nevidí (obrázok vložený JS-om), sťahuje sa neskoro.",[10,1011,1012,1015,1016,220],{},[14,1013,1014],{},"Soft navigation"," - zmena URL a obsahu v SPA bez plného načítania. Klasické CWV ju nemerajú ako novú stránku; Chrome testuje Soft Navigations API, ktoré má meranie rozšíriť (",[22,1017,810],{"href":1018,"rel":1019},"https:\u002F\u002Fdeveloper.chrome.com\u002Fblog\u002Fnew-soft-navigations-origin-trial",[26],[10,1021,1022,1025],{},[14,1023,1024],{},"Speculation Rules"," - JSON pravidlá na prefetch alebo prerender celých stránok. Prerenderovaná navigácia môže mať LCP takmer nulové; WordPress ich má v jadre od verzie 6.8.",[10,1027,1028,1031,1032,348,1035,348,1038,348,1041,348,1044,1047,1048,320,1051,220],{},[14,1029,1030],{},"web-vitals.js"," - oficiálna knižnica Google Chrome tímu (",[308,1033,1034],{},"onLCP",[308,1036,1037],{},"onINP",[308,1039,1040],{},"onCLS",[308,1042,1043],{},"onTTFB",[308,1045,1046],{},"onFCP","), ktorá meria metriky rovnako ako nástroje Googlu, vrátane bfcache a reportovania pri ",[308,1049,1050],{},"visibilitychange",[22,1052,1054],{"href":305,"rel":1053},[26],"GitHub",[206,1056,1058],{"id":1057},"zdroje","Zdroje",[10,1060,1061],{},[14,1062,1063],{},"Primárne definície (Google \u002F Chrome tím)",[451,1065,1066,1072,1084,1091,1097,1104,1112,1123,1134,1140,1146],{},[454,1067,1068,1071],{},[22,1069,214],{"href":24,"rel":1070},[26]," - Philip Walton, web.dev (aktualizované 31. 10. 2024)",[454,1073,1074,1078,1079,1083],{},[22,1075,1077],{"href":67,"rel":1076},[26],"Largest Contentful Paint (LCP)"," a ",[22,1080,1082],{"href":378,"rel":1081},[26],"Optimize LCP"," - Walton, Pollard (aktualizované 31. 3. 2025)",[454,1085,1086,1090],{},[22,1087,1089],{"href":91,"rel":1088},[26],"Interaction to Next Paint (INP)"," - Jeremy Wagner, Barry Pollard (aktualizované 2. 9. 2025)",[454,1092,1093],{},[22,1094,1096],{"href":611,"rel":1095},[26],"Optimize INP",[454,1098,1099,1103],{},[22,1100,1102],{"href":115,"rel":1101},[26],"Cumulative Layout Shift (CLS)"," - Milica Mihajlija, Philip Walton",[454,1105,1106,1111],{},[22,1107,1110],{"href":1108,"rel":1109},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fdefining-core-web-vitals-thresholds",[26],"Defining the Core Web Vitals metrics thresholds"," - metodika za prahmi a p75",[454,1113,1114,348,1117,348,1120],{},[22,1115,140],{"href":138,"rel":1116},[26],[22,1118,164],{"href":162,"rel":1119},[26],[22,1121,187],{"href":185,"rel":1122},[26],[454,1124,1125,1078,1129],{},[22,1126,1128],{"href":265,"rel":1127},[26],"Lab vs. field data",[22,1130,1133],{"href":1131,"rel":1132},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fcrux-and-rum-differences",[26],"CrUX vs. RUM",[454,1135,1136],{},[22,1137,1139],{"href":275,"rel":1138},[26],"Chrome UX Report - dokumentácia",[454,1141,1142],{},[22,1143,1145],{"href":229,"rel":1144},[26],"Metrics changelog (Chromium)",[454,1147,1148],{},[22,1149,1030],{"href":305,"rel":1150},[26],[10,1152,1153],{},[14,1154,1155],{},"Dáta",[451,1157,1158,1165],{},[454,1159,1160,1164],{},[22,1161,1163],{"href":367,"rel":1162},[26],"Web Almanac 2025: Performance"," - HTTP Archive, publikované 15. 1. 2026, CrUX júl 2025, DOI 10.5281\u002Fzenodo.18258743",[454,1166,1167,1078,1172],{},[22,1168,1171],{"href":1169,"rel":1170},"https:\u002F\u002Fdocs.google.com\u002Fspreadsheets\u002Fd\u002F1KJQznDT9tL2IYCbYIcWas2k9OG1rK4pkk9U1qOLgBM0\u002Fedit",[26],"Surové dáta k Web Almanac 2025",[22,1173,1176],{"href":1174,"rel":1175},"https:\u002F\u002Fgithub.com\u002FHTTPArchive\u002Falmanac.httparchive.org\u002Ftree\u002Fmain\u002Fsql\u002F2025\u002Fperformance\u002F",[26],"SQL dotazy",[10,1178,1179],{},[14,1180,484],{},[451,1182,1183,1190],{},[454,1184,1185,1189],{},[22,1186,1188],{"href":488,"rel":1187},[26],"Firefox And Safari Now Support Two Core Web Vitals Metrics"," - Matt Zeunert, DebugBear (15. 12. 2025, aktualizované 19. 3. 2026)",[454,1191,1192],{},[22,1193,1196],{"href":1194,"rel":1195},"https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fsafari-release-notes\u002Fsafari-26_2-release-notes",[26],"Safari 26.2 release notes",{"title":1198,"searchDepth":1199,"depth":1200,"links":1201},"",2,3,[1202,1203,1204,1205,1206,1207,1208,1209],{"id":208,"depth":1199,"text":209},{"id":327,"depth":1199,"text":328},{"id":493,"depth":1199,"text":494},{"id":633,"depth":1199,"text":634},{"id":750,"depth":1199,"text":751},{"id":825,"depth":1199,"text":826},{"id":922,"depth":1199,"text":923},{"id":1057,"depth":1199,"text":1058},null,"2026-10-01","Základný slovník - definície, čísla, typické pasce a kvalitné zdroje pre každú metriku.",false,"md",{},true,"\u002Fblog\u002Fcore-web-vitals-slovnik",13,{"title":5,"description":1212},{"loc":1217},"blog\u002Fcore-web-vitals-slovnik",[1223,69,93,117],"Core Web Vitals","8F3g24SswHmLmVd08hcEgdBn5a7NOIJuqhGpo820S7c",[1226],{"path":1227,"title":1228,"description":1229,"date":1230,"readingTime":1231,"tags":1232,"cover":1210,"draft":1213},"\u002Fblog\u002Fpreco-milisekundy-stoja-peniaze","Prečo milisekundy stoja peniaze","Ako sa milisekundy menia na eurá - štúdie, A\u002FB testy, stav webu a postup, ako vyčísliť hodnotu rýchlosti vo vlastnom projekte.","2026-10-07",12,[1223,1233,1234,1235],"Výkon","Biznis","Konverzie",1791999271422]