[{"data":1,"prerenderedAt":1084},["ShallowReactive",2],{"post-\u002Fblog\u002Fpreco-milisekundy-stoja-peniaze":3,"related-\u002Fblog\u002Fpreco-milisekundy-stoja-peniaze":1075},{"id":4,"title":5,"body":6,"canonical":1060,"cover":1060,"date":1061,"description":1062,"draft":1063,"extension":1064,"meta":1065,"navigation":514,"path":1066,"readingTime":608,"seo":1067,"sitemap":1068,"stem":1069,"tags":1070,"updated":1060,"__hash__":1074},"blog\u002Fblog\u002Fpreco-milisekundy-stoja-peniaze.md","Prečo milisekundy stoja peniaze",{"type":7,"value":8,"toc":1040},"minimark",[9,13,22,25,30,33,38,48,133,141,145,153,162,169,173,176,322,332,335,338,341,349,353,356,360,369,392,395,399,408,412,421,424,429,432,436,439,466,470,479,665,675,679,682,690,693,696,700,848,852,855,867,873,879,883,886,889,892,895,906,909,913,918,970,975,1022,1027,1036],[10,11,12],"p",{},"Zrýchlenie mobilného webu o 0,1 sekundy zvýšilo konverzie v retaile o 8,4 % a v cestovnom ruchu o 10,1 %. To je výsledok štúdie Deloitte pre Google, založenej na dátach európskych a amerických značiek.",[10,14,15,16,21],{},"Ako frontend developeri často hovoríme o technických aspektoch webu. Biznis však hovorí o konverziách, priemernej objednávke a cene za akvizíciu. V tomto článku sa posnažím prepojiť tieto dva svety: ukazuje, ako sa milisekundy prekladajú na eurá, a kde treba byť pri číslach opatrný. Ak potrebujete osviežiť pojmy LCP, INP či CLS, pozrite si ",[17,18,20],"a",{"href":19},"\u002Fblog\u002Fcore-web-vitals-slovnik","slovník Core Web Vitals",".",[10,23,24],{},"Základný princíp je jendnoduchý. Každý používateľ, ktorý odíde skôr, než sa stránka načíta alebo zareaguje, je v podstate návšteva bez výnosu. Rýchlosť preto nie je „nice to have“ technický detail, ale dôležitá páka na tržby.",[26,27,29],"h2",{"id":28},"čo-hovoria-veľké-štúdie","Čo hovoria veľké štúdie",[10,31,32],{},"Toto sú tri najcitovanejšie štúdie, ktoré sa zhodujú v smere: pomalší web znamená menej konverzií. Líšia sa však metodikou, a preto aj spoľahlivosťou.",[34,35,37],"h3",{"id":36},"deloitte-google-milliseconds-make-millions-2020","Deloitte × Google: „Milliseconds Make Millions“ (2020)",[10,39,40,41,47],{},"Deloitte Ireland na objednávku Googlu 4 týždne analyzovali mobilné dáta značiek z retailu, cestovného ruchu, luxusného tovaru a lead generation v Európe a USA. Ich cieľom bolo izolovať rýchlosť a pozrieť sa na jej vzťah k funnelu, útrate a odchodom (",[17,42,46],{"href":43,"rel":44},"https:\u002F\u002Fwww.deloitte.com\u002Fie\u002Fen\u002Fservices\u002Fconsulting\u002Fresearch\u002Fmilliseconds-make-millions.html",[45],"nofollow","Deloitte",").",[49,50,51,67],"table",{},[52,53,54],"thead",{},[55,56,57,61,64],"tr",{},[58,59,60],"th",{},"Vertikála",[58,62,63],{},"Metrika",[58,65,66],{},"Zmena pri zrýchlení o 0,1 s",[68,69,70,82,93,104,113,124],"tbody",{},[55,71,72,76,79],{},[73,74,75],"td",{},"Cestovný ruch",[73,77,78],{},"Konverzie",[73,80,81],{},"+10,1 %",[55,83,84,87,90],{},[73,85,86],{},"Retail",[73,88,89],{},"Priemerná hodnota objednávky",[73,91,92],{},"+9,2 %",[55,94,95,98,101],{},[73,96,97],{},"Luxusné značky",[73,99,100],{},"Zobrazenia stránok na session",[73,102,103],{},"+8,6 %",[55,105,106,108,110],{},[73,107,86],{},[73,109,78],{},[73,111,112],{},"+8,4 %",[55,114,115,118,121],{},[73,116,117],{},"Lead generation",[73,119,120],{},"Bounce rate informačných stránok",[73,122,123],{},"zlepšenie o 8,3 %",[55,125,126,128,130],{},[73,127,75],{},[73,129,89],{},[73,131,132],{},"+1,9 %",[10,134,135,136,47],{},"Táto štúdia zároveň cituje dáta Googlu o mobilných stránkach: pravdepodobnosť odchodu rastie o 32 %, pokiaľ sa načítanie predĺži z 1 na 3 sekundy, o 90 % pri 5 sekundách a o 123 % pri 10 sekundách (",[17,137,140],{"href":138,"rel":139},"https:\u002F\u002Fwww.deloitte.com\u002Fcontent\u002Fdam\u002Fassets-zone2\u002Fie\u002Fen\u002Fdocs\u002Fservices\u002Fconsulting\u002F2023\u002FMilliseconds_Make_Millions_report.pdf",[45],"PDF správy",[34,142,144],{"id":143},"akamaisoasta-state-of-online-retail-performance-2017","Akamai\u002FSOASTA: State of Online Retail Performance (2017)",[10,146,147,148,47],{},"Akamai analyzoval približne 10 miliárd návštev popredných e-shopov v priebehu mesiaca. Podľa tlačovej správy môže oneskorenie o 100 ms znížiť konverzný pomer o 7 % a dvojsekundové oneskorenie zvýšiť bounce rate o 103 % (",[17,149,152],{"href":150,"rel":151},"https:\u002F\u002Fwww.ir.akamai.com\u002Fnews-releases\u002Fnews-release-details\u002Fakamai-online-retail-performance-report-milliseconds-are",[45],"Akamai",[10,154,155,156,161],{},"Detail z ",[17,157,160],{"href":158,"rel":159},"https:\u002F\u002Fwww.igds.org\u002Ffileadmin\u002Fuploads\u002Figds\u002FDocuments\u002FResearch_Reports\u002F2017\u002Fakamai-state-of-online-retail-performance-spring-2017.pdf",[45],"plnej správy"," je pre developerov ešte dôležitejší než samotný titulok. Na desktope mala najvyššiu konverziu stránka s načítaním 1,8 s; o 100 ms pomalšia stránka mala konverziu nižšiu o 2,4 %. Na smartfónoch bol pokles 7,1 % a na tabletoch 3,8 %. Z toho vyplýva, že mobile je na latenciu ešte citlivejší.",[163,164,166],"callout",{"type":165},"warning",[10,167,168],{},"Všetky tri uvedené zdroje sú korelačné a dve z nich financovali konkrétne firmy, ktoré predávajú rýchlosť (Google, Akamai). Silný dôkaz však prinášajú aj A\u002FB testy v ďalšej sekcii.",[26,170,172],{"id":171},"prípadové-štúdie","Prípadové štúdie",[10,174,175],{},"Najpresvedčivejšie sú A\u002FB testy, kde sa dve verzie stránky líšili iba výkonom. Vodafone aj Rakuten 24 urobili presne takéto testy a v oboch prípadoch bol zaznamenaný dvojciferný alebo vysoký jednociferný rast tržieb.",[49,177,178,194],{},[52,179,180],{},[55,181,182,185,188,191],{},[58,183,184],{},"Firma",[58,186,187],{},"Čo zlepšili",[58,189,190],{},"Biznis výsledok",[58,192,193],{},"Metóda",[68,195,196,214,232,250,268,286,304],{},[55,197,198,205,208,211],{},[73,199,200],{},[17,201,204],{"href":202,"rel":203},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Frakuten",[45],"Rakuten 24",[73,206,207],{},"CLS −92,72 %, TTFB −18 %, načítanie o 0,4 s rýchlejšie",[73,209,210],{},"Tržby na návštevníka +53,37 %, konverzie +33,13 %, AOV +15,2 %, exit rate −35,12 %",[73,212,213],{},"A\u002FB test, 1 mesiac",[55,215,216,223,226,229],{},[73,217,218],{},[17,219,222],{"href":220,"rel":221},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fvodafone",[45],"Vodafone",[73,224,225],{},"LCP o 31 % lepšie (8,3 s → 5,7 s)",[73,227,228],{},"Predaje +8 %, lead\u002Fvisit +15 %, cart\u002Fvisit +11 %",[73,230,231],{},"A\u002FB test, 50\u002F50",[55,233,234,241,244,247],{},[73,235,236],{},[17,237,240],{"href":238,"rel":239},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fzalando",[45],"Zalando",[73,242,243],{},"Načítanie o 100 ms rýchlejšie",[73,245,246],{},"Tržby na session +0,7 %",[73,248,249],{},"Experiment s umelým spomalením katalógu",[55,251,252,259,262,265],{},[73,253,254],{},[17,255,258],{"href":256,"rel":257},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fswappie",[45],"Swappie",[73,260,261],{},"LCP −55 %, CLS −91 %, FID −90 %",[73,263,264],{},"Mobilné tržby +42 %, Rel mCvR z 24 % na 34 %",[73,266,267],{},"Pred\u002Fpo, 3 mesiace",[55,269,270,277,280,283],{},[73,271,272],{},[17,273,276],{"href":274,"rel":275},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Feconomic-times-cwv",[45],"The Economic Times",[73,278,279],{},"LCP 4,5 s → 2,5 s, CLS 0,25 → 0,09",[73,281,282],{},"Bounce rate −43 %",[73,284,285],{},"Pred\u002Fpo, CrUX",[55,287,288,295,298,301],{},[73,289,290],{},[17,291,294],{"href":292,"rel":293},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fyahoo-japan-news",[45],"Yahoo! JAPAN News",[73,296,297],{},"CLS o 0,2 (≈ 0,2 → 0)",[73,299,300],{},"Stránky na session +15,1 %, dĺžka session +13,3 %",[73,302,303],{},"Pred\u002Fpo",[55,305,306,313,316,319],{},[73,307,308],{},[17,309,312],{"href":310,"rel":311},"https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fredbus-inp",[45],"redBus",[73,314,315],{},"INP vyhľadávania −72 %",[73,317,318],{},"Predaje +7 %",[73,320,321],{},"Pred\u002Fpo, RUM",[163,323,324],{},[10,325,326,327,331],{},"Vodafone ponúka veľmi zaujímavý detail. Optimalizovaná verzia mala síce DOMContentLoaded o 15 % ",[328,329,330],"em",{},"horší"," (4,05 s oproti 3,52 s), no LCP výrazne lepší. Používateľ totiž vníma, kedy uvidí obsah a nie kedy prehliadač dokončí parsovanie DOM. Práve toto je pointa Core Web Vitals: merajú to, čo používateľ vníma a čo priamo ovplyvňuje jeho skúsenosť s daným webom a nie to, čo sa deje na pozadí v prehliadači.",[10,333,334],{},"Rakuten 24 navyše z vlastných RUM dát zistil, že používatelia s dobrým LCP konvertujú až o 61,13 % lepšie ako priemer. Swappie zase ukazuje, že pri nízkom východiskovom bode je potenciál najväčší: ich mobilná konverzia bola len 24 % desktopovej.",[10,336,337],{},"redBus dokazuje, že nejde len o načítanie. V situácií, že znížili počet výsledkov na jeden lazy-load request z 30 na 10, INP kleslo z približne 870–900 ms na 350–370 ms. Interaktivita po načítaní je rovnako predajná ako prvé vykreslenie.",[10,339,340],{},"Zalando na to šiel pri testovaní opačnou stratégiou: na katalógových stránkach umelo spomaľoval načítanie a meral dopad. Rozdiel 100 ms zodpovedal tržbám na session o 0,7 %. Pri obrate veľkého e-shopu je to desatina sekundy v hodnote miliónov eur.",[10,342,343,344,348],{},"Poučnejšie je pokračovanie. Hoci Zalando tieto čísla poznalo, redizajn z roku 2020 mal u prvých používateľov FCP až o 53 % a Time to Interactive až o 59 % horší. Problém vyriešil až Lighthouse CI v pull requestoch, ktorý skrátil spätnú väzbu o výkone z približne jedného dňa na 15 minút (",[17,345,347],{"href":238,"rel":346},[45],"web.dev","). To poukazuje na to, že samotná znalosť čísel a metrík nestačí, výkon musí byť aj kritériom pre release.",[26,350,352],{"id":351},"prečo-to-funguje","Prečo to funguje",[10,354,355],{},"Rýchlosť zarába dvoma spôsobmi: priamo cez správanie používateľa a nepriamo cez vyhľadávače. Prvá je silnejšia a stabilnejšia.",[34,357,359],{"id":358},"hranice-vnímania-sa-nemenia-od-60-rokov","Hranice vnímania sa nemenia od 60. rokov",[10,361,362,363,368],{},"Jakob Nielsen zhrnul tri limity odozvy, ktoré platia už od výskumu Millera z roku 1968 (",[17,364,367],{"href":365,"rel":366},"https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Fresponse-times-3-important-limits\u002F",[45],"NN\u002Fg","):",[370,371,372,380,386],"ul",{},[373,374,375,379],"li",{},[376,377,378],"strong",{},"0,1 s"," - používateľ má pocit, že systém reaguje okamžite a on priamo manipuluje s obsahom.",[373,381,382,385],{},[376,383,384],{},"1 s"," - myšlienkový tok ostáva neprerušený, hoci oneskorenie už eviduje.",[373,387,388,391],{},[376,389,390],{},"10 s"," - hranica, kedy udrží pozornosť; potom začne robiť niečo iné.",[10,393,394],{},"Toto je dôvod, prečo má INP prah 200 ms. Každý klik, ktorý trvá pol sekundy, posúva používateľa z pocitu „ja ovládam stránku“ do pocitu „čakám na stránku“. A čakanie je moment, keď sa zatvára tab. Typický príklad: používateľ klikne na „Pridať do košíka“, sekundu sa nič nedeje, klikne znova alebo stránku zavrie.",[34,396,398],{"id":397},"seo-signál-nie-zázrak","SEO: signál, nie zázrak",[10,400,401,402,407],{},"Google odporúča dosiahnuť dobré Core Web Vitals pre úspech vo vyhľadávaní a uvádza, že sú v súlade s tým, čo jeho hlavné ranking systémy odmeňujú (",[17,403,406],{"href":404,"rel":405},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Fcore-web-vitals",[45],"Google Search Central",").\nNeznamená to však, že je to jediné čo stačí k úspechu projektu. Relevancia obsahu váži viac. CWV rozhodujú skôr medzi porovnateľne dobrými stránkami. Biznisový argument pre rýchlosť by preto nikdy nemal stáť iba na SEO, ale aj na konverziách.",[26,409,411],{"id":410},"stav-webu-v-číslach","Stav webu v číslach",[10,413,414,415,420],{},"Podľa ",[17,416,419],{"href":417,"rel":418},"https:\u002F\u002Falmanac.httparchive.org\u002Fen\u002F2025\u002Fperformance",[45],"Web Almanac 2025"," splnilo všetky tri Core Web Vitals len 48 % mobilných a 56 % desktopových webov (CrUX, júl 2025, obr. 7.1). Trend je pozitívny, no mobil stále zaostáva o 8 percentuálnych bodov. Viac ako polovica mobilných webov tak necháva peniaze na stole.",[10,422,423],{},"Najťažšie je LCP: dobré ho má 62 % mobilných webov oproti 74 % na desktope. Pri INP je rozdiel ešte väčší, 77 % na mobile oproti 97 % na desktope.",[163,425,426],{},[10,427,428],{},"Zaujímavý paradox: medián Total Blocking Time na mobile v laboratórnych testoch stúpol na 1 916 ms, o 58 % viac ako v roku 2024. JavaScriptu na weboch teda pribúda, len ho zatiaľ maskujú výkonnejšie telefóny.",[10,430,431],{},"Almanac ukazuje aj ľahko opraviteľné chyby. Približne 16–17 % stránok lazy-loaduje svoj LCP obrázok a 62 % mobilných stránok nemá rozmery aspoň pri jednom obrázku. To sú presne tie milisekundy, ktoré sa dajú získať za jedno popoludnie.",[26,433,435],{"id":434},"ako-vyčísliť-hodnotu-milisekúnd","Ako vyčísliť hodnotu milisekúnd",[10,437,438],{},"Cudzie case studies otvoria dvere, ale rozpočet vám schváli až vlastné číslo. Postup, ktorý použili spoločnosti v štúdiách, má štyri základné kroky.",[440,441,442,448,454,460],"ol",{},[373,443,444,447],{},[376,445,446],{},"Zbierajte field dáta (RUM)."," Lighthouse je laboratórium; peniaze sa rozhodujú na reálnych zariadeniach na 75. percentile.",[373,449,450,453],{},[376,451,452],{},"Spojte výkon s biznis udalosťou."," Ku každej session uložte LCP, INP a CLS spolu s tým, či konvertovala.",[373,455,456,459],{},[376,457,458],{},"Rozdeľte používateľov do pásiem"," (napr. LCP \u003C 1 s, 1–2,5 s, 2,5–4 s, > 4 s) a porovnajte konverzný pomer.",[373,461,462,465],{},[376,463,464],{},"Overte kauzalitu A\u002FB testom."," Ako Vodafone: dve vizuálne identické verzie, jediný rozdiel je výkon.",[34,467,469],{"id":468},"meranie-u-reálnych-používateľov","Meranie u reálnych používateľov",[10,471,472,473,478],{},"Knižnica ",[17,474,477],{"href":475,"rel":476},"https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Fweb-vitals",[45],"web-vitals",", ktorú použili Rakuten 24 aj redBus, funguje na akomkoľvek webe bez ohľadu na framework. Stačí niekoľko riadkov:",[480,481,486],"pre",{"className":482,"code":483,"language":484,"meta":485,"style":485},"language-js shiki shiki-themes github-light github-dark","import { onLCP, onINP, onCLS } from 'web-vitals\u002Fattribution'\n\nfunction send(metric) {\n  const body = JSON.stringify({\n    name: metric.name,\n    value: metric.value,\n    rating: metric.rating,          \u002F\u002F good | needs-improvement | poor\n    id: metric.id,\n    page: location.pathname,\n    navigationType: metric.navigationType,\n  })\n  \u002F\u002F sendBeacon prežije aj zatvorenie tabu\n  navigator.sendBeacon('\u002Fapi\u002Fvitals', body)\n}\n\nonLCP(send)\nonINP(send)\nonCLS(send)\n","js","",[487,488,489,509,516,536,560,566,572,582,588,594,600,606,612,629,635,640,649,657],"code",{"__ignoreMap":485},[490,491,494,498,502,505],"span",{"class":492,"line":493},"line",1,[490,495,497],{"class":496},"szBVR","import",[490,499,501],{"class":500},"sVt8B"," { onLCP, onINP, onCLS } ",[490,503,504],{"class":496},"from",[490,506,508],{"class":507},"sZZnC"," 'web-vitals\u002Fattribution'\n",[490,510,512],{"class":492,"line":511},2,[490,513,515],{"emptyLinePlaceholder":514},true,"\n",[490,517,519,522,526,529,533],{"class":492,"line":518},3,[490,520,521],{"class":496},"function",[490,523,525],{"class":524},"sScJk"," send",[490,527,528],{"class":500},"(",[490,530,532],{"class":531},"s4XuR","metric",[490,534,535],{"class":500},") {\n",[490,537,539,542,546,549,552,554,557],{"class":492,"line":538},4,[490,540,541],{"class":496},"  const",[490,543,545],{"class":544},"sj4cs"," body",[490,547,548],{"class":496}," =",[490,550,551],{"class":544}," JSON",[490,553,21],{"class":500},[490,555,556],{"class":524},"stringify",[490,558,559],{"class":500},"({\n",[490,561,563],{"class":492,"line":562},5,[490,564,565],{"class":500},"    name: metric.name,\n",[490,567,569],{"class":492,"line":568},6,[490,570,571],{"class":500},"    value: metric.value,\n",[490,573,575,578],{"class":492,"line":574},7,[490,576,577],{"class":500},"    rating: metric.rating,          ",[490,579,581],{"class":580},"sJ8bj","\u002F\u002F good | needs-improvement | poor\n",[490,583,585],{"class":492,"line":584},8,[490,586,587],{"class":500},"    id: metric.id,\n",[490,589,591],{"class":492,"line":590},9,[490,592,593],{"class":500},"    page: location.pathname,\n",[490,595,597],{"class":492,"line":596},10,[490,598,599],{"class":500},"    navigationType: metric.navigationType,\n",[490,601,603],{"class":492,"line":602},11,[490,604,605],{"class":500},"  })\n",[490,607,609],{"class":492,"line":608},12,[490,610,611],{"class":580},"  \u002F\u002F sendBeacon prežije aj zatvorenie tabu\n",[490,613,615,618,621,623,626],{"class":492,"line":614},13,[490,616,617],{"class":500},"  navigator.",[490,619,620],{"class":524},"sendBeacon",[490,622,528],{"class":500},[490,624,625],{"class":507},"'\u002Fapi\u002Fvitals'",[490,627,628],{"class":500},", body)\n",[490,630,632],{"class":492,"line":631},14,[490,633,634],{"class":500},"}\n",[490,636,638],{"class":492,"line":637},15,[490,639,515],{"emptyLinePlaceholder":514},[490,641,643,646],{"class":492,"line":642},16,[490,644,645],{"class":524},"onLCP",[490,647,648],{"class":500},"(send)\n",[490,650,652,655],{"class":492,"line":651},17,[490,653,654],{"class":524},"onINP",[490,656,648],{"class":500},[490,658,660,663],{"class":492,"line":659},18,[490,661,662],{"class":524},"onCLS",[490,664,648],{"class":500},[163,666,668],{"type":667},"tip",[10,669,670,671,674],{},"Kľúčové je posielať aj ",[487,672,673],{},"metric.id"," a ID session, aby ste dáta vedeli neskôr spojiť s objednávkami v analytike.",[34,676,678],{"id":677},"hrubý-odhad-pre-manažment","Hrubý odhad pre manažment",[10,680,681],{},"Kým nemáte vlastné dáta, stačí jednoduchý model:",[480,683,688],{"className":684,"code":686,"language":687,"meta":485},[685],"language-text","ΔR = N × CR × AOV × ΔCR_rel\n","text",[487,689,686],{"__ignoreMap":485},[10,691,692],{},"Kde ΔR je prírastok tržieb, N počet návštev, CR konverzný pomer, AOV priemerná hodnota objednávky a ΔCR_rel relatívne zlepšenie konverzie.",[10,694,695],{},"Ilustračný príklad: e-shop má 200 000 mobilných návštev mesačne, konverziu 2 % a priemernú objednávku 60 €. To je 240 000 € mesačne. Konzervatívne zlepšenie konverzie o 2 % (štvrtina výsledku Vodafonu) prinesie 4 800 € mesačne, teda 57 600 € ročne. Toto číslo porovnajte s cenou sprintu venovaného výkonu.",[34,697,699],{"id":698},"kde-strácame-milisekundy-a-ako-ich-získať-späť","Kde strácame milisekundy a ako ich získať späť",[49,701,702,715],{},[52,703,704],{},[55,705,706,709,712],{},[58,707,708],{},"Oblasť",[58,710,711],{},"Čo stojí milisekundy",[58,713,714],{},"Ako ich získať späť",[68,716,717,732,750,772,796,819,837],{},[55,718,719,722,725],{},[73,720,721],{},"JavaScript a hydratácia",[73,723,724],{},"Veľké bundly, hydratácia celej stránky, zbytočné re-rendery",[73,726,727,728,731],{},"Code-splitting cez dynamický ",[487,729,730],{},"import()",", odložené načítanie nekritického JS, čiastočná alebo odložená hydratácia, statické časti renderovať na serveri bez JS",[55,733,734,737,740],{},[73,735,736],{},"Skripty tretích strán",[73,738,739],{},"Analytika, pixely a chat blokujú main thread",[73,741,742,745,746,749],{},[487,743,744],{},"async","\u002F",[487,747,748],{},"defer",", načítanie až po interakcii alebo v idle čase, Partytown (web worker) alebo server-side tracking",[55,751,752,755,758],{},[73,753,754],{},"LCP obrázok",[73,756,757],{},"Lazy-loading hero obrázka, ťažké JPG\u002FPNG",[73,759,760,761,764,765,768,769],{},"Nikdy ",[487,762,763],{},"loading=\"lazy\""," nad zlomom, ",[487,766,767],{},"fetchpriority=\"high\"",", AVIF\u002FWebP, správne veľkosti cez ",[487,770,771],{},"srcset",[55,773,774,777,780],{},[73,775,776],{},"Obrázky pod zlomom",[73,778,779],{},"Sťahovanie obrázkov, ktoré nikto nevidí; chýbajúce rozmery spôsobujú CLS",[73,781,782,784,785,745,788,791,792,795],{},[487,783,763],{},", ",[487,786,787],{},"width",[487,789,790],{},"height"," alebo ",[487,793,794],{},"aspect-ratio"," na každom obrázku",[55,797,798,801,804],{},[73,799,800],{},"Webové fonty",[73,802,803],{},"Blokované vykreslenie textu, celé rodiny rezov, posun layoutu pri výmene fontu",[73,805,806,807,810,811,814,815,818],{},"Self-hosting so subsettingom, ",[487,808,809],{},"preload"," kľúčového rezu, ",[487,812,813],{},"font-display: swap"," s metricky upraveným fallbackom (",[487,816,817],{},"size-adjust",")",[55,820,821,824,827],{},[73,822,823],{},"Interakcie (INP)",[73,825,826],{},"Dlhé event handlery, scroll a input bez debounce",[73,828,829,830,784,833,836],{},"Rozdeliť prácu (",[487,831,832],{},"scheduler.yield()",[487,834,835],{},"setTimeout","), debounce ako redBus, aktualizovať len tú časť DOM, ktorá sa zmenila",[55,838,839,842,845],{},[73,840,841],{},"Regresie",[73,843,844],{},"Nový modul, skript či obrázok nepozorovane spomalí web",[73,846,847],{},"Performance budget v CI (Lighthouse CI), ako Zalando",[26,849,851],{"id":850},"pozor-na-čísla-ktoré-všetci-citujú","Pozor na čísla, ktoré všetci citujú",[10,853,854],{},"Ak chcete presvedčiť skeptického CFO, nepoužívajte čísla, ktoré neobstoja pri prvej otázke „odkiaľ to je?“. Tri najčastejšie pasce:",[10,856,857,860,861,866],{},[376,858,859],{},"„Amazon: 100 ms = 1 % tržieb.“"," - Pôvodný zdroj je Greg Linden, bývalý inžinier Amazonu. V ",[17,862,865],{"href":863,"rel":864},"https:\u002F\u002Fglinden.blogspot.com\u002F2006\u002F11\u002Fmarissa-mayer-at-web-20.html",[45],"blogpost z roku 2006"," píše, že A\u002FB testy s oneskorením po 100 ms viedli k „podstatným a nákladným“ poklesom tržieb, no konkrétne percento ani dáta tam nie sú. Číslo 1 % pochádza z jeho prednášky a verejný dataset k nemu neexistuje. Je to anekdota spred 20 rokov, nie benchmark.",[10,868,869,872],{},[376,870,871],{},"„Google: pol sekundy = −20 % návštevnosti.“"," - V tom istom článku Linden opisuje experiment Marissy Mayer: 30 výsledkov namiesto 10 a stránka sa generovala 0,9 s namiesto 0,4 s. Zmenil sa však aj počet výsledkov a rozloženie stránky. Rýchlosť nebola jediná premenná.",[10,874,875,878],{},[376,876,877],{},"Korelácia nie je kauzalita"," - RUM dáta Rakutenu síce ukazujú až +61 % konverzie pri dobrom LCP, ale v praxi ich A\u002FB test ukázal +33 %. Rýchlejšie zážitky majú často ľudia s lepším telefónom a pripojením, ktorí aj viac nakupujú. Preto je rozdiel medzi korelačnou a experimentálnou hodnotou bežný.",[26,880,882],{"id":881},"záver","Záver",[10,884,885],{},"Dáta hovoria jasnou rečou. A\u002FB testy ukázali +8 % predajov pri Vodafone a +53 % tržieb na návštevníka pri Rakuten 24, pritom viac ako polovica mobilných webov stále neprechádza Core Web Vitals. To je príležitosť, nie technický dlh.",[10,887,888],{},"Rýchlosť nie je jednorazový projekt. Je to vlastnosť produktu, ktorá sa bez rozpočtu, monitoringu a vlastníka postupne zhorší, presne ako rastúci mobilný TBT v Almanacu.",[10,890,891],{},"Každý nový marketingový skript, knižnica či neoptimalizovaný obrázok je technický dlh, ktorý znižuje konverzný pomer. Úlohou developerov je vysvetliť manažmentu, že týždeň investovaný do výkonu nie je technický luxus, ale investícia do tržieb, a podložiť to vlastnými dátami.",[10,893,894],{},"Na záver tri otázky pre váš tím:",[370,896,897,900,903],{},[373,898,899],{},"Viete, aké je LCP a INP vašich najdôležitejších stránok na 75. percentile mobilných používateľov?",[373,901,902],{},"Viete, o koľko lepšie konvertujú používatelia s dobrým LCP oproti tým so zlým?",[373,904,905],{},"Kto vo vašom tíme zodpovedá za to, aby nasledujúci release web nespomalil?",[10,907,908],{},"Ak na niektorú odpoveď neviete, tam začína vaša prvá milisekunda, ktorá stojí peniaze.",[26,910,912],{"id":911},"zdroje","Zdroje",[10,914,915],{},[376,916,917],{},"Štúdie a reporty",[370,919,920,932,942,949,956,963],{},[373,921,922,926,927,931],{},[17,923,925],{"href":43,"rel":924},[45],"Milliseconds Make Millions"," a ",[17,928,930],{"href":138,"rel":929},[45],"plná správa v PDF"," - Deloitte Ireland pre Google (2020)",[373,933,934,926,938,941],{},[17,935,937],{"href":150,"rel":936},[45],"Tlačová správa k State of Online Retail Performance",[17,939,930],{"href":158,"rel":940},[45]," - Akamai (apríl 2017)",[373,943,944,948],{},[17,945,947],{"href":417,"rel":946},[45],"Web Almanac 2025: Performance"," - HTTP Archive, publikované 15. 1. 2026, CrUX júl 2025",[373,950,951,955],{},[17,952,954],{"href":365,"rel":953},[45],"Response Times: The 3 Important Limits"," - Jakob Nielsen, NN\u002Fg",[373,957,958,962],{},[17,959,961],{"href":404,"rel":960},[45],"Understanding Core Web Vitals and Google search results"," - Google Search Central",[373,964,965,969],{},[17,966,968],{"href":863,"rel":967},[45],"Marissa Mayer at Web 2.0"," - Greg Linden (2006)",[10,971,972],{},[376,973,974],{},"Prípadové štúdie (web.dev)",[370,976,977,984,991,997,1003,1009,1015],{},[373,978,979,983],{},[17,980,982],{"href":220,"rel":981},[45],"Vodafone: 31 % lepšie LCP, +8 % predajov"," (2021)",[373,985,986,990],{},[17,987,989],{"href":202,"rel":988},[45],"Rakuten 24: +53,37 % tržieb na návštevníka"," (2022)",[373,992,993,983],{},[17,994,996],{"href":238,"rel":995},[45],"Zalando: 100 ms = +0,7 % tržieb na session a Lighthouse CI",[373,998,999,983],{},[17,1000,1002],{"href":256,"rel":1001},[45],"Swappie: +42 % mobilných tržieb",[373,1004,1005,983],{},[17,1006,1008],{"href":274,"rel":1007},[45],"The Economic Times: −43 % bounce rate",[373,1010,1011,983],{},[17,1012,1014],{"href":292,"rel":1013},[45],"Yahoo! JAPAN News: +15 % stránok na session",[373,1016,1017,1021],{},[17,1018,1020],{"href":310,"rel":1019},[45],"redBus: INP a +7 % predajov"," (2023)",[10,1023,1024],{},[376,1025,1026],{},"Nástroje",[370,1028,1029],{},[373,1030,1031,1035],{},[17,1032,1034],{"href":475,"rel":1033},[45],"web-vitals.js"," - knižnica na meranie Core Web Vitals u reálnych používateľov",[1037,1038,1039],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":485,"searchDepth":511,"depth":518,"links":1041},[1042,1046,1047,1051,1052,1057,1058,1059],{"id":28,"depth":511,"text":29,"children":1043},[1044,1045],{"id":36,"depth":518,"text":37},{"id":143,"depth":518,"text":144},{"id":171,"depth":511,"text":172},{"id":351,"depth":511,"text":352,"children":1048},[1049,1050],{"id":358,"depth":518,"text":359},{"id":397,"depth":518,"text":398},{"id":410,"depth":511,"text":411},{"id":434,"depth":511,"text":435,"children":1053},[1054,1055,1056],{"id":468,"depth":518,"text":469},{"id":677,"depth":518,"text":678},{"id":698,"depth":518,"text":699},{"id":850,"depth":511,"text":851},{"id":881,"depth":511,"text":882},{"id":911,"depth":511,"text":912},null,"2026-10-07","Ako sa milisekundy menia na eurá - štúdie, A\u002FB testy, stav webu a postup, ako vyčísliť hodnotu rýchlosti vo vlastnom projekte.",false,"md",{},"\u002Fblog\u002Fpreco-milisekundy-stoja-peniaze",{"title":5,"description":1062},{"loc":1066},"blog\u002Fpreco-milisekundy-stoja-peniaze",[1071,1072,1073,78],"Core Web Vitals","Výkon","Biznis","wdwMk9Hwg9ZEYvZLZPxQiWn27hXexOLWetuF6bszoj8",[1076],{"path":19,"title":1077,"description":1078,"date":1079,"readingTime":614,"tags":1080,"cover":1060,"draft":1063},"Slovník Core Web Vitals: LCP, INP, CLS a ďalšie pojmy","Základný slovník - definície, čísla, typické pasce a kvalitné zdroje pre každú metriku.","2026-10-01",[1071,1081,1082,1083],"LCP","INP","CLS",1791999271421]