Pravidlo 3 sekúnd: prečo o úspechu webu a aplikácie rozhodujú prvé okamihy

01Odkiaľ pravidlo 3 sekúnd pochádza a čo presne hovoria dáta

Pravidlo sa opiera hlavne o dve štúdie Googlu z rokov 2016 a 2017, ktoré sa odvtedy citujú v každej prezentácii o rýchlosti webu. Často sa však citujú skreslene, preto sa oplatí vedieť, čo v nich naozaj stojí.

Štúdia 1: „53 % návštev z mobilu skončí, keď sa stránka nenačíta do 3 sekúnd“

V septembri 2016 zverejnil Google štúdiu The Need for Mobile Speed. Podľa dát z Google Analytics 53 % návštev z mobilu sa pravdepodobne skončí, ak sa stránka načítava dlhšie ako 3 sekundy. Google v nej citoval aj prieskum, podľa ktorého polovica ľudí čaká, že sa stránka načíta do dvoch sekúnd (Google).

Pre predstavu: podľa rozboru vyše 10 000 mobilných webov sa priemerný mobilný web vtedy v sieti 3G načítaval 19 sekúnd a v 4G 14 sekúnd (The ARF). Weby boli teda mnohonásobne pomalšie, než ľudia chceli.

Štúdia 2: „Každá sekunda navyše zvyšuje šancu, že človek odíde“

Z výskumu Googlu a firmy SOASTA z roku 2017, zverejneného vo februári 2018, pochádza odhad, ako rastie pravdepodobnosť okamžitého odchodu (tzv. bounce) s dlhším načítaním. Ide o predpoveď modelu strojového učenia, ktorý sa učil na dátach skutočných návštev, nie o priame meranie (Google).

Tu sa často chybuje vo výklade. „O 32 % vyššia pravdepodobnosť“ neznamená, že odíde 32 % ľudí. Ide o relatívny nárast. Keď z rýchleho webu, ktorý sa načíta za sekundu, hneď odchádza 20 % návštevníkov, pri troch sekundách to bude zhruba 26 % a pri piatich sekundách okolo 38 %.

Štúdia 3: Aj desatina sekundy sa počíta v peniazoch

Podľa štúdie Milliseconds Make Millions, ktorú si v roku 2020 objednal Google a spracovala spoločnosť Deloitte z dát agentúry Fifty-Five, sa v e-shopoch po zrýchlení mobilného webu o jedinú desatinu sekundy zvýšili konverzie o 8,4 % a priemerná hodnota objednávky o 9,2 % (Deloitte). Ide o súvislosť, nie o presný prepočet, ale smer je jasný: rýchlejší web predáva viac.

Platí to v roku 2026 ešte?

Hlavné čísla sú však z čias, keď bola bežná sieť 3G. Dnes máme rýchlejšie pripojenie, ale aj ťažšie weby plné skriptov, videí a reklám. Podľa HTTP Archive Web Almanac 2025 spĺňa všetky tri odporúčania Googlu pre rýchlosť (Core Web Vitals) len 48 % mobilných webov a 56 % webov na počítači (Web Almanac). Zhruba polovica webov teda ani dnes nedosahuje základnú latku.

Číslo 3 sekundy preto neberte ako presnú hranicu, za ktorou web prestane fungovať. Je to rozumný horný limit: dovtedy musí návštevník spoznať, že je na správnom mieste. A čím skôr to spozná, tým lepšie.

02Prečo to tak je: čo sa deje v hlave návštevníka

Svádza to k vysvetleniu, že ľudia sú dnes jednoducho netrpezliví. Lenže je za tým viac: spôsob, akým mozog spracúva informácie a rozhoduje sa. Keď ho pochopíte, bude vám jasné, čo na webe robiť inak.

1. Mozog súdi skôr, ako začne čítať

Ľudský mozog pracuje v dvoch režimoch. Rýchly a automatický režim beží neustále, bez námahy a spracuje celkový dojem zo stránky skôr, ako si stihnete prečítať prvé slovo. Pomalý a dôkladný režim, ktorým čítate a premýšľate, sa zapína až potom a stojí energiu.

Štúdia Lindgaardovej z roku 2006 ukázala, že ľudia ohodnotia vizuálnu príťažlivosť webu po iba 50 milisekundách. Tento prvý dojem sa pritom takmer zhodoval s hodnotením po 500 milisekundách, teda po desaťkrát dlhšom pohľade (Behaviour & Information Technology). Štúdia Bazilejskej univerzity z roku 2012, na ktorej sa podieľal aj výskumník Googlu, išla ešte ďalej: vplyv vizuálnej zložitosti a typickosti webu na prvý dojem sa prejavil už po 17 milisekundách (Google Research).

Skôr, ako si teda návštevník prečíta váš nadpis, už má pocit, či je web profesionálny, prehľadný a dôveryhodný. A ten pocit ovplyvní všetko, čo príde potom.

2. Preplnená stránka unaví mozog skôr, ako začne

Tá istá štúdia zistila, že najlepšie hodnotené boli weby s nízkou vizuálnou zložitosťou a vysokou typickosťou, teda weby, ktoré vyzerajú tak, ako ľudia pri danom type webu očakávajú (Google Research). Každý prvok na obrazovke totiž musí mozog spracovať. Čím viac farieb, obrázkov, tlačidiel a textov, tým viac práce. A prácu, ktorá neprináša jasnú odmenu, mozog inštinktívne odmieta.

Typickosť funguje podobne. Keď e-shop vyzerá ako e-shop (košík vpravo hore, vyhľadávanie hore, produkty v strede), mozog ho spracuje podľa naučeného vzoru a nemusí nič skúmať. Originálny, ale nezvyčajný dizajn stojí pozornosť, ktorú návštevník v prvých sekundách nechce dať.

3. Ľudia sa správajú ako lovci informácií

Výskumníci opisujú správanie na internete ako „lov informácií“. Návštevník sa podobne ako zviera pri hľadaní potravy neustále rozhoduje, či sa mu oplatí zostať na súčasnom mieste, alebo ísť inam. Sleduje takzvanú informačnú stopu: náznaky, že tu nájde, čo hľadá.

Odísť z vášho webu pritom návštevníka stojí jedno ťuknutie na tlačidlo Späť. Konkurencia je vzdialená na jedno ťuknutie. Hneď ako informačná stopa v prvých sekundách zoslabne, pretože stránka je prázdna, nejasná alebo pomalá, mozog vyhodnotí, že sa oplatí skúsiť iný výsledok.

4. Najviac ľudí odchádza hneď na začiatku

Nielsen Norman Group rozobrala dáta Microsoft Research o tom, ako dlho ľudia zostávajú na stránkach. Pravdepodobnosť odchodu je najvyššia počas prvých 10 sekúnd, pretože ľudia sú na začiatku mimoriadne skeptickí: zažili nespočetne veľa zlých stránok. Keď stránka tento prvý súd prežije, ľudia sa rozhliadnu, ale ešte ďalších 20 sekúnd často odchádzajú. Až keď zostanú zhruba pol minúty, výrazne rastie šanca, že zostanú oveľa dlhšie (NN/g).

Podľa NN/g platí, že ak chcete získať niekoľko minút pozornosti, musíte svoju hodnotu zrozumiteľne oznámiť do 10 sekúnd (NN/g). Pravidlo 3 sekúnd je prísnejšia verzia toho istého: do troch sekúnd musí byť jasné, že sa oplatí zostať, a ďalších pár sekúnd potom rozhodne, či to stránka potvrdí.

5. Čakanie sa bez spätnej väzby zdá dlhšie

Jakob Nielsen opísal tri časové hranice, ktoré vychádzajú z vlastností ľudského vnímania a platia desiatky rokov (NN/g):

• 0,1 sekundy: reakcia pôsobí okamžite, človek má pocit, že veci ovláda priamo.
• 1 sekunda: človek oneskorenie zaznamená, ale jeho myšlienkový tok sa nepreruší.
• 10 sekúnd: hranica, po ktorej človek prestane udržať pozornosť a začne myslieť na iné veci.

Medzi 1 a 10 sekundami sa používateľ cíti vydaný napospas počítaču a želá si, aby bol rýchlejší (NN/g). Prázdna biela obrazovka je pritom najhorší variant: mozog nedostáva žiadnu informáciu o tom, či sa niečo deje, a čakanie sa zdá oveľa dlhšie. Preto toľko záleží na tom, aby sa niečo užitočné zobrazilo čo najskôr, aj keby zvyšok stránky ešte dobiehal.

6. Na mobile je trpezlivosť ešte menšia

Na telefóne ľudia často niečo hľadajú „medzi tým“: v električke, v rade, pri pozeraní televízie. Ich pozornosť je rozdelená, pripojenie býva horšie a displej ukáže iba malý výrez stránky. Preto štúdia Googlu hovorí práve o mobilných návštevách a preto je na mobile dôležité, čo je vidieť na prvej obrazovke bez posúvania.

7. Prvý dojem sa prenáša na všetko ostatné

Keď web na prvý pohľad pôsobí kvalitne, ľudia mu podvedome pripisujú aj ďalšie dobré vlastnosti: že je ľahko použiteľný, dôveryhodný a firma za ním je profesionálna. Psychológia tomu hovorí haló efekt. Funguje to aj naopak: pomalý alebo neupravený web v nás vyvolá pochybnosť o celej firme. Preto má prvých pár sekúnd taký neúmerne veľký vplyv na to, či si u vás človek nakoniec niečo kúpi.

03Čo sa deje v jednotlivých okamihoch

Takto vyzerajú prvé sekundy návštevy krok za krokom. Vľavo je čas, v strede to, čo sa deje v hlave návštevníka, a vpravo to, čo musí zvládnuť web.

Zdroje časových hraníc: vnímanie vzhľadu podľa Lindgaardovej (Behaviour & Information Technology), reakčné časy podľa Nielsena (NN/g) a hranica 2,5 sekundy podľa Core Web Vitals (web.dev).

Každý okamih stojí na tom predchádzajúcom. Keď stránka hneď na prvý pohľad pôsobí chaoticky, návštevník vstupuje do ďalších sekúnd s nedôverou. Keď zostane obrazovka prvú sekundu prázdna, nemá sa čoho chytiť a začne zvažovať odchod. A keď sa po troch sekundách načíta všetko, ale z nadpisu nie je jasné, o čo ide, bola rýchlosť na nič.

Za 3 sekundy pritom nemusíte načítať celú stránku. Stačí, aby sa rýchlo objavilo to podstatné: nadpis, hlavný obrázok a tlačidlo. Päta stránky, recenzie alebo mapa sa môžu dotiahnuť vo chvíli, keď už návštevník číta.

04Prvá polovica pravidla: rýchlosť a Core Web Vitals zrozumiteľne

Google meria rýchlosť a plynulosť webov pomocou troch ukazovateľov, ktorým hovorí Core Web Vitals. Počítajú sa z dát skutočných návštevníkov, ktorí používajú Chrome, nie z laboratórnych testov. Každý ukazovateľ zodpovedá jednej otázke, ktorú si návštevník v prvých sekundách podvedome kladie.

Hranice uvádza Google a platia aj v roku 2026 (web.dev). Aby web prešiel, musí ich splniť aspoň 75 % skutočných návštev, nie iba priemer.

LCP: prečo nestačí, že sa „niečo“ načíta

Predstavte si, že vojdete do obchodu a prvé tri sekundy je tma. Potom sa rozsvieti jedna lampa pri vchode, ale regály vidíte až o ďalších päť sekúnd. LCP meria práve okamih, keď sa „rozsvietia regály“, teda keď uvidíte hlavný obsah, kvôli ktorému ste prišli.

LCP je aj ukazovateľ, s ktorým majú weby najväčší problém. Na mobile ho v roku 2025 spĺňalo len 62 % webov, kým odozvu (INP) 77 % a stabilitu rozloženia (CLS) 81 % (Web Almanac). Najčastejšími vinníkmi sú pomalý server, obrovský nekomprimovaný obrázok alebo video na začiatku stránky a skripty, ktoré blokujú vykreslenie.

INP: prečo na odozve záleží aj po načítaní

Pravidlo 3 sekúnd sa načítaním nekončí. Keď návštevník ťukne na tlačidlo a nič sa nestane, mozog to vyhodnotí rovnako ako pomalé načítanie: niečo nefunguje. Typicky potom ťukne znova a niekedy tým odošle formulár dvakrát. INP meria, či stránka odpovie dostatočne rýchlo, aby pôsobila živo. Najčastejšie ho zhoršujú ťažké skripty tretích strán, napríklad reklamy, chatovacie widgety alebo analytické nástroje.

CLS: prečo prekáža, keď obsah uskočí

Poznáte to: chcete ťuknúť na odkaz, v tej chvíli sa hore načíta reklama, obsah poskočí nadol a vy ťuknete na niečo úplne iné. To je CLS. Web, ktorý sa nesprává predvídateľne, stráca dôveru. Príčinou bývajú obrázky a reklamy bez vopred určenej veľkosti alebo cookie lišty, ktoré odsunú obsah.

Ako súvisí rýchlosť s SEO

Core Web Vitals sú jedným zo signálov, ktoré Google používa pri radení výsledkov (Google Search Central). Nie sú však najdôležitejšie: rýchly web s horším obsahom nepreskočí pomalší web s výrazne lepším obsahom. Viac ako na pozíciách sa rýchlosť prejaví na tom, koľko ľudí na webe zostane a niečo urobí.

05Druhá polovica pravidla: zrozumiteľnosť na prvý pohľad

Rýchly web, z ktorého nikto nepochopí, o čo ide, neudrží návštevníka o nič dlhšie ako pomalý web. Počas prvých troch sekúnd si človek potrebuje podvedome odpovedať na štyri otázky. Ak mu na niektorú web neodpovie, informačná stopa slabne a rastie chuť odísť.

Štyri otázky, na ktoré musí odpovedať prvá obrazovka

1. Kde to som? Logo, názov a celkový vzhľad musia potvrdiť, že som na webe, kam som chcel prísť. Čo robí logo zapamätateľným, rozoberáme v článku Tvorba loga: pravidlá. Najmä ak prichádzam z reklamy alebo z vyhľadávania, musí stránka nadväzovať na to, na čo som klikol.
2. Čo tu nájdem a čo z toho mám? Hlavný nadpis musí zrozumiteľne povedať, čo ponúkate a komu. Slogan na to nestačí.
3. Čo mám urobiť ďalej? Jedno výrazné hlavné tlačidlo, ktoré hovorí, čo sa stane, keď naň ťuknem.
4. Prečo vám mám veriť? Rýchly signál dôvery: hodnotenie, počet zákazníkov, známe značky, s ktorými spolupracujete, alebo recenzie.

Nadpis: najdôležitejších pár slov na celom webe

Nadpis je prvý text, ktorý mozog číta. Musí fungovať aj pre človeka, ktorý o vás nikdy nepočul a prečíta si iba ten.

Všeobecné slogany nútia mozog premýšľať, čo sa nimi myslí. To je presne tá práca, ktorú v prvých sekundách nechce robiť. Konkrétny nadpis naopak dáva silnú informačnú stopu: „Áno, tu je to, čo hľadám.“

Hlavné tlačidlo: jedno, výrazné a konkrétne

Keď je na prvej obrazovke päť tlačidiel rovnakej dôležitosti, mozog musí voliť. Každá voľba navyše spomaľuje rozhodnutie. Preto platí:

• Jedno hlavné tlačidlo, vizuálne najvýraznejší prvok. Ďalšie akcie môžu byť menej výrazné.
• Konkrétny text. Namiesto „Odoslať“ alebo „Viac“ radšej „Vypočítať cenu“, „Vyskúšať zadarmo na 14 dní“ alebo „Objednať opravu“.
• Viditeľné bez posúvania, najmä na mobile.

Obrázok, ktorý niečo hovorí

Hlavný obrázok alebo video má podporiť posolstvo nadpisu: ukázať produkt, výsledok alebo ľudí, ktorým pomáhate. Všeobecná fotka z fotobanky s usmievavými ľuďmi v kancelárii nič nehovorí a navyše spomaľuje načítanie. Ak obrázok nepridáva informáciu, je lepšie ho zmenšiť alebo vynechať.

Signály dôvery: rýchla odpoveď na otázku „Prečo vám veriť?“

V prvých sekundách nikto nečíta dlhé referencie. Fungujú krátke a konkrétne signály: hodnotenie 4,8 z 5 na Googli, „vyše 12 000 zákazníkov“, logá známych klientov alebo certifikácie. Stačí jeden alebo dva, umiestnené blízko hlavného tlačidla.

Typickosť: nevymýšľajte znova koleso

Logo vľavo hore, menu hore, košík vpravo hore, vyhľadávanie v hlavičke. Tieto zvyklosti ľudia poznajú z tisícov webov a ich mozog ich spracuje automaticky. Originalitu si nechajte na obsah a vizuálny štýl, nie na umiestnenie základných prvkov. Spomínaná štúdia z roku 2012 potvrdila, že weby, ktoré vyzerajú typicky pre svoj odbor, pôsobia na prvý pohľad lepšie (Google Research).

06Ako pravidlo platí pre rôzne typy webov a aplikácií

Princíp je všade rovnaký, ale čo presne musí návštevník do troch sekúnd uvidieť, sa líši podľa toho, prečo prišiel.

Firemný web a web služieb

Návštevník chce rýchlo zistiť, či robíte to, čo potrebuje, a či ste pre neho tí správni. Na prvej obrazovke preto potrebuje: čo robíte, pre koho, kde pôsobíte a ako vás kontaktovať. Telefón alebo tlačidlo „Nezáväzný dopyt“ by mali byť vidieť hneď, najmä na mobile. Práve na toto sa pri návrhu webov na mieru pozeráme hneď na začiatku.

E-shop

Na hlavnej stránke rozhoduje vyhľadávanie a jasné kategórie. Na stránke produktu musí byť hneď vidieť fotka, názov, cena, dostupnosť a tlačidlo „Do košíka“. Ak musí človek hľadať cenu alebo dostupnosť, mozog to vyhodnotí ako prekážku a vráti sa do porovnávača, odkiaľ prišiel.

Landing page z reklamy

Tu platí pravidlo 3 sekúnd najtvrdšie. Človek klikol na konkrétny sľub v reklame a stránka ho musí okamžite potvrdiť, ideálne rovnakými slovami. Keď reklama sľubuje „Kurz angličtiny online od 15 €“ a stránka začína všeobecným „Vitajte v našej jazykovej škole“, informačná stopa sa preruší. Za každé také kliknutie pritom platíte. Preto pri online marketingu strážime, aby reklama a stránka hovorili rovnakou rečou.

Článok a blog

Kto prišiel z vyhľadávania s otázkou, chce odpoveď, nie veľký úvodný obrázok a dlhý úvod. Najlepšie funguje nadpis, ktorý zodpovedá otázke, a hneď pod ním stručná odpoveď v prvých vetách. Podrobnosti môžu nasledovať.

Mobilná aplikácia

Pri aplikáciách sa pravidlo 3 sekúnd týka hlavne spustenia. Google v Android vitals považuje za príliš pomalé, keď sa aplikácia pri studenom štarte (aplikácia štartuje od nuly, napríklad prvýkrát po zapnutí telefónu alebo potom, čo ju systém ukončil) spustí za 5 sekúnd a viac, pri teplom štarte za 2 sekundy a viac a pri horúcom štarte (návrat z pozadia) za 1,5 sekundy a viac (Android Developers Blog). Google zároveň odporúča mieriť nižšie (Android Developers).

Okrem rýchlosti rozhoduje prvá obrazovka po spustení. Dlhý úvodný sprievodca na päť obrazoviek alebo registrácia hneď na začiatku sú pre nového používateľa rovnaká bariéra ako pomalý web. Lepšie je nechať ho najprv vyskúšať hlavnú funkciu a až potom žiadať registráciu. Rovnaký princíp platí pri mobilných aplikáciách, ktoré vyvíjame pre klientov.

Webová aplikácia a SaaS

Po prihlásení čaká používateľ svoj prehľad. Pomáhajú kostry obsahu (sivé obrysy, ktoré sa postupne zaplnia dátami) namiesto prázdnej obrazovky s točiacim sa kolieskom. Mozog tak od prvej sekundy vidí, ako bude stránka vyzerať, a čakanie vníma ako kratšie. Pri akciách ako uloženie alebo zmazanie pomáha okamžite ukázať výsledok a až potom ho potvrdiť so serverom. Na tom staviame aj webové aplikácie na mieru.

0710 najčastejších chýb, ktoré vyháňajú návštevníkov v prvých sekundách

1. Cookie lišta cez celú obrazovku. Namiesto vášho obsahu návštevník ako prvý uvidí právny text. Ak web používa analytické alebo reklamné cookies, lištu potrebuje, ale nemusí zakryť celú stránku. Stačí menší panel dole, ktorý nechá vidieť nadpis.
2. Vyskakovacie okno hneď po načítaní. Žiadosť o e-mail alebo zľavový kód skôr, ako človek vôbec vie, kde je. Mozog to vyhodnotí ako prekážku. Ak okno chcete, zobrazte ho až po chvíli alebo pri odchode.
3. Obrovský obrázok alebo video na začiatku. Typická príčina zlého LCP. Nekomprimovaná fotka s veľkosťou niekoľkých megabajtov sa na mobile načítava sekundy.
4. Slogan namiesto posolstva. „Posúvame hranice možností“ nepovie, čo robíte. Pozrite si tabuľku nadpisov vyššie.
5. Obsah, ktorý uskakuje. Reklamy, obrázky alebo bannery bez pevnej veľkosti, ktoré posunú text vo chvíli, keď ho človek začne čítať.
6. Priveľa možností naraz. Päť rovnako výrazných tlačidiel, preplnené menu, niekoľko ponúk vedľa seba. Každá voľba navyše predlžuje rozhodovanie.
7. Nutné posúvanie k podstatnému. Na mobile je nad ohybom stránky iba pár riadkov. Ak je tam len logo a obrázok, návštevník nevidí, prečo by mal zostať.
8. Prázdna biela obrazovka. Stránka alebo aplikácia, ktorá nič neukáže, kým nenačíta všetko. Mozog nemá žiadnu spätnú väzbu a čakanie sa zdá nekonečné.
9. Priveľa skriptov tretích strán. Chaty, analytické nástroje, reklamné kódy a sociálne widgety. Každý spomaľuje načítanie aj odozvu na ťuknutie.
10. Web, ktorý na mobile vyzerá ako zmenšený počítač. Drobné písmo, malé tlačidlá, do ktorých sa nedá trafiť prstom, a tabuľky, ktoré pretekajú cez obrazovku.

08Ako si web otestovať

Test zrozumiteľnosti: päťsekundový test

Najjednoduchší a najlacnejší test, ktorý odhalí problémy so zrozumiteľnosťou. Zvládnete ho za jedno popoludnie.

1. Nájdite troch až piatich ľudí, ktorí váš web nepoznajú. Nemusia to byť odborníci, stačia známi z iného odboru.
2. Ukážte im hlavnú stránku na telefóne presne na päť sekúnd a potom ju schovajte.
3. Opýtajte sa: Čo táto firma alebo aplikácia robí? Pre koho je? Čo by ste tam urobili ako prvé?
4. Ak sa odpovede líšia alebo ľudia nevedia, máte problém s posolstvom, nie s návštevníkmi.

Test robte na mobile. Väčšina návštev dnes prichádza z telefónu a tam je na prvej obrazovke najmenej miesta.

Test rýchlosti: zmerajte skutočné dáta

• PageSpeed Insights (pagespeed.web.dev): zadáte adresu a uvidíte Core Web Vitals od skutočných návštevníkov aj laboratórne meranie s konkrétnymi odporúčaniami. Sledujte hlavne hornú časť so skutočnými dátami, tá rozhoduje.
• Google Search Console: prehľad Core Web Vitals ukáže, ktoré skupiny stránok majú problém, a to pre celý web naraz.
• Vlastný telefón na pomalšej sieti: otvorte web na staršom telefóne cez mobilné dáta mimo Wi-Fi. Uvidíte ho tak, ako ho vidí veľká časť vašich návštevníkov.

Laboratórne meranie a skutočné dáta sa často líšia. Laboratórny test prebehne raz za ideálnych podmienok, skutočné dáta zbierajú skúsenosti tisícov ľudí na rôznych telefónoch a sieťach. Keď si odporujú, verte skutočným dátam.

09Ako web zrýchliť: čo pomáha najviac

Nemusíte byť programátor, aby ste vedeli, na čo sa pýtať webára. Najviac zvyčajne pomáhajú tieto kroky.

Pre každého

• Zmenšite obrázky. Používajte moderné formáty WebP alebo AVIF a obrázky ukladajte vo veľkosti, v akej sa naozaj zobrazujú. Fotka so šírkou 4 000 pixelov v okienku širokom 400 pixelov je najčastejšia zbytočná brzda.
• Zbavte sa toho, čo nepotrebujete. Každý chatovací widget, pixel, slider či animácia niečo stojí. Prejdite, čo na webe naozaj využívate.
• Kvalitný hosting. Pomalý server zdrží všetko ostatné. Lacný zdieľaný hosting býva prvé miesto, kde sa oplatí investovať.
• Ľahšia cookie lišta a vyskakovacie okná. Menej kódu, menšia plocha, neskoršie zobrazenie.

Pre vývojárov

• Hlavný obrázok načítajte prednostne (atribút fetchpriority="high" alebo preload) a nenastavujte mu lenivé načítanie. Lenivé načítanie patrí obrázkom pod ohybom stránky.
• Rezervujte miesto pre obrázky, reklamy a vložený obsah pomocou rozmerov alebo pomeru strán. Tým vyriešite väčšinu problémov s CLS.
• Obmedzte JavaScript, najmä ten, ktorý blokuje vykreslenie. Skripty tretích strán načítavajte odložene a dlhé úlohy rozdeľte, aby nezdržiavali odozvu (INP).
• Vykresľujte obsah na serveri alebo vopred, aby prehliadač nemusel najprv stiahnuť a spustiť aplikáciu, kým niečo ukáže.
• Použite CDN a ukladanie do vyrovnávacej pamäte, aby sa obsah posielal zo servera čo najbližšie k návštevníkovi.
• Písma: načítavajte len rezy, ktoré používate, a nastavte font-display, aby bol text vidieť hneď aj počas načítania písma.

10Checklist: prejde váš web pravidlom 3 sekúnd?

Rýchlosť

• LCP do 2,5 sekundy na mobile podľa skutočných dát v PageSpeed Insights
• INP do 200 milisekúnd
• CLS do 0,1, obsah pri načítaní neuskakuje
• Hlavný obrázok je zmenšený, v modernom formáte a načítava sa prednostne
• Po ťuknutí sa hneď objaví odozva, nie prázdna obrazovka

Zrozumiteľnosť

• Nadpis hovorí, čo ponúkate a komu, bez všeobecných sloganov
• Na mobile je bez posúvania vidieť nadpis aj hlavné tlačidlo
• Hlavné tlačidlo je iba jedno a jeho text hovorí, čo sa stane
• Pri tlačidle je aspoň jeden signál dôvery
• Cookie lišta ani vyskakovacie okno nezakrývajú obsah
• Landing page z reklamy nadväzuje na sľub v reklame
• Päťsekundový test s tromi ľuďmi dopadol dobre

Aplikácia

• Studený štart pod 5 sekúnd, ideálne výrazne menej
• Používateľ vyskúša hlavnú funkciu skôr, ako musí vyplniť registráciu
• Pri načítaní sa zobrazujú kostry obsahu, nie len točiace sa koliesko

11Časté otázky

12Zdroje

Štúdie a čísla sme overovali v pôvodných zdrojoch v septembri 2026:

• Lindgaard a kol.: Attention web designers, you have 50 milliseconds to make a good first impression (2006)
• Tuch a kol.: The role of visual complexity and prototypicality regarding first impression of websites (2012)
• Google: The need for mobile speed (2016)
• The ARF: Many Visitors Abandon Mobile Sites If Load Time Tops 3 Seconds
• Google: Find out how you stack up to new industry benchmarks for mobile page speed (2018)
• Deloitte: Milliseconds Make Millions (2020)
• Nielsen Norman Group: How Long Do Users Stay on Web Pages?
• Nielsen Norman Group: Response Times, The 3 Important Limits
• Nielsen Norman Group: Website Response Times
• web.dev: Web Vitals
• HTTP Archive: Web Almanac 2025, Performance
• Google Search Central: Page experience
• Android Developers Blog: App performance to drive app excellence (2021)
• Android Developers: App startup time