Přeskočit na obsah
SEO optimalizace

Pravidlo 3 vteřin: proč o úspěchu webu a aplikace rozhodují první okamžiky

Pravidlo 3 vteřin říká, že návštěvník se během prvních zhruba tří vteřin rozhodne, jestli na webu nebo v aplikaci zůstane, nebo odejde. Za tu dobu se musí stát dvě věci: stránka se musí načíst a člověk musí pochopit, kde je, co tu najde a co má udělat dál. Když jedna z nich selže, většina lidí se prostě vrátí zpět a klikne jinam.

Obálka článku Pravidlo 3 vteřin: 53 % návštěv z mobilu nejspíš skončí nad 3 s, na první dojem stačí 50 ms, Core Web Vitals splní 48 % mobilních webů

Přesný zákon to není. Je to praktické shrnutí toho, co výzkumy o chování lidí na webu opakovaně potvrzují. Lidé si podle studie Lindgaardové a kolegů udělají názor na vzhled webu už za 50 milisekund (Behaviour & Information Technology). Podle výzkumu Googlu roste pravděpodobnost, že návštěvník odejde, o 32 %, když se načítání prodlouží z jedné na tři vteřiny (Google). A data Microsoft Research, která rozebrala Nielsen Norman Group, ukazují, že ze stránek lidé nejčastěji odcházejí právě během prvních vteřin (NN/g).

Má to svou logiku. Stojí za tím způsob, jakým mozek zpracovává to, co vidí, a několik čísel, která Google měří u každého webu. Kdo to pochopí, ví přesně, co na webu nebo v aplikaci opravit. Technické znalosti k tomu potřeba nejsou.

01Odkud pravidlo 3 vteřin pochází a co přesně říkají data

Pravidlo se opírá hlavně o dvě studie Googlu z let 2016 a 2017, které se od té doby citují v každé prezentaci o rychlosti webu. Často se ale citují zkresleně, proto se vyplatí vědět, co v nich skutečně stojí.

Studie 1: „53 % návštěv z mobilu skončí, když stránka nenaběhne do 3 vteřin“

V září 2016 zveřejnil Google studii The Need for Mobile Speed. Podle dat z Google Analytics 53 % návštěv z mobilu pravděpodobně skončí, pokud se stránka načítá déle než 3 vteřiny. Google v ní citoval i průzkum, podle kterého polovina lidí čeká, že se stránka načte do dvou vteřin (Google).

Pro představu: podle rozboru více než 10 000 mobilních webů se průměrný mobilní web tehdy na síti 3G načítal 19 vteřin a na 4G 14 vteřin (The ARF). Weby tedy byly mnohonásobně pomalejší, než lidé chtěli.

Studie 2: „Každá vteřina navíc zvyšuje šanci, že člověk odejde“

Z výzkumu Googlu a firmy SOASTA z roku 2017, zveřejněného v únoru 2018, pochází odhad, jak roste pravděpodobnost okamžitého odchodu (tzv. bounce) s delším načítáním. Jde o předpověď modelu strojového učení, který se učil na datech skutečných návštěv, ne o přímé měření (Google).

Nárůst pravděpodobnosti odchodu podle doby načítání, %
  • Z 1 na 3 s32 %
  • Z 1 na 5 s90 %
  • Z 1 na 6 s106 %
  • Z 1 na 10 s123 %

Odhad modelu strojového učení z výzkumu Google a SOASTA (2017, zveřejněno v únoru 2018). Relativní nárůst proti stránce, která se načte za 1 s, ne podíl lidí, kteří odejdou. Zdroj: Google.

Tady se často chybuje ve výkladu. „O 32 % vyšší pravděpodobnost“ neznamená, že odejde 32 % lidí. Jde o relativní nárůst. Když z rychlého webu, který naběhne za vteřinu, hned odchází 20 % návštěvníků, při třech vteřinách to bude zhruba 26 % a při pěti vteřinách kolem 38 %.

Studie 3: I desetina vteřiny se počítá v penězích

Podle studie Milliseconds Make Millions, kterou si v roce 2020 objednal Google a zpracovala společnost Deloitte z dat agentury Fifty-Five, se u e-shopů po zrychlení mobilního webu o pouhých 0,1 vteřiny zvýšily konverze o 8,4 % a průměrná hodnota objednávky o 9,2 % (Deloitte). Jde o souvislost, ne o přesný přepočet, ale směr je jasný: rychlejší web prodává víc.

Zlepšení po zrychlení mobilního webu o 0,1 s, %
  • Konverze, e-shopy8,4 %
  • Hodnota objednávky, e-shopy9,2 %
  • Konverze, cestování10,1 %
  • Zobrazení stránek, luxusní značky8,6 %

Milliseconds Make Millions (Deloitte pro Google, data Fifty-Five, 2020). Souvislost mezi rychlostí a výsledky, ne přímý důsledek. Zdroj: Deloitte.

Platí to v roce 2026 ještě?

Hlavní čísla jsou ovšem z doby, kdy byla běžná síť 3G. Dnes máme rychlejší připojení, ale také těžší weby plné skriptů, videí a reklam. Podle HTTP Archive Web Almanac 2025 splňuje všechna tři doporučení Googlu pro rychlost (Core Web Vitals) jen 48 % mobilních webů a 56 % webů na počítači (Web Almanac). Zhruba polovina webů tedy dnes pořád nedosahuje ani základní laťky.

Weby s dobrými Core Web Vitals, %
  • 2021Počítač: 41 %Mobil: 32 %
  • 2022Počítač: 44 %Mobil: 31 %
  • 2023Počítač: 48 %Mobil: 36 %
  • 2024Počítač: 55 %Mobil: 44 %
  • 2025Počítač: 56 %Mobil: 48 %

Podíl webů, které splňují všechny tři ukazatele. HTTP Archive, Web Almanac 2025.

Číslo 3 vteřiny proto neberte jako přesnou hranici, za kterou web přestane fungovat. Je to rozumný horní limit: do té doby musí návštěvník poznat, že je na správném místě. A čím dřív to pozná, tím líp.

02Proč to tak je: co se děje v hlavě návštěvníka

Svádí to k vysvětlení, že lidé jsou dnes prostě netrpěliví. Jenže za tím je víc: způsob, jakým mozek zpracovává informace a rozhoduje se. Když ho pochopíte, bude vám jasné, co na webu dělat jinak.

1. Mozek soudí dřív, než začne číst

Lidský mozek pracuje ve dvou režimech. Rychlý a automatický režim běží neustále, bez námahy a zpracuje celkový dojem ze stránky dřív, než si stačíte přečíst první slovo. Pomalý a pečlivý režim, kterým čtete a přemýšlíte, se zapíná až potom a stojí energii.

Studie Lindgaardové z roku 2006 ukázala, že lidé ohodnotí vizuální přitažlivost webu po pouhých 50 milisekundách. Tento první dojem se přitom téměř shodoval s hodnocením po 500 milisekundách, tedy po desetkrát delším pohledu (Behaviour & Information Technology). Studie Basilejské univerzity z roku 2012, na které se podílel i výzkumník Googlu, šla ještě dál: vliv vizuální složitosti a typičnosti webu na první dojem se projevil už po 17 milisekundách (Google Research).

Než si tedy návštěvník přečte váš nadpis, už má pocit, jestli je web profesionální, přehledný a důvěryhodný. A ten pocit ovlivní všechno, co přijde potom.

2. Přeplněná stránka unaví mozek, ještě než začne

Stejná studie zjistila, že nejlépe hodnocené byly weby s nízkou vizuální složitostí a vysokou typičností, tedy weby, které vypadají tak, jak lidé u daného typu webu očekávají (Google Research). Každý prvek na obrazovce totiž musí mozek zpracovat. Čím víc barev, obrázků, tlačítek a textů, tím víc práce. A mozek práci, která nepřináší jasnou odměnu, instinktivně odmítá.

Typičnost funguje podobně. Když e-shop vypadá jako e-shop (košík vpravo nahoře, vyhledávání nahoře, produkty uprostřed), mozek ho zpracuje podle naučeného vzoru a nemusí nic zkoumat. Originální, ale nezvyklý design stojí pozornost, kterou návštěvník v prvních vteřinách nechce dát.

3. Lidé se chovají jako lovci informací

Výzkumníci popisují chování na internetu jako „lov informací“. Návštěvník se podobně jako zvíře při hledání potravy neustále rozhoduje, jestli se mu vyplatí zůstat na současném místě, nebo jít jinam. Sleduje takzvanou informační stopu: náznaky, že tady najde, co hledá.

Odejít z vašeho webu přitom stojí návštěvníka jedno klepnutí na tlačítko Zpět. Konkurence je vzdálená na jedno klepnutí. Jakmile informační stopa v prvních vteřinách zeslábne, protože stránka je prázdná, nejasná nebo pomalá, mozek vyhodnotí, že se vyplatí zkusit jiný výsledek.

4. Nejvíc lidí odchází hned na začátku

Nielsen Norman Group rozebrala data Microsoft Research o tom, jak dlouho lidé zůstávají na stránkách. Pravděpodobnost odchodu je nejvyšší během prvních 10 vteřin, protože lidé jsou na začátku extrémně skeptičtí: zažili nespočet špatných stránek. Když stránka tenhle první soud přežije, lidé se rozhlédnou, ale ještě dalších 20 vteřin často odcházejí. Teprve když zůstanou zhruba půl minuty, výrazně roste šance, že zůstanou mnohem déle (NN/g).

Podle NN/g platí, že pokud chcete získat několik minut pozornosti, musíte svou hodnotu srozumitelně sdělit do 10 vteřin (NN/g). Pravidlo 3 vteřin je přísnější verze téhož: do tří vteřin musí být jasné, že se vyplatí zůstat, dalších pár vteřin pak rozhodne, jestli to stránka potvrdí.

5. Čekání se bez zpětné vazby zdá delší

Jakob Nielsen popsal tři časové hranice, které vycházejí z vlastností lidského vnímání a platí desítky let (NN/g):

  • 0,1 vteřiny: reakce působí okamžitě, člověk má pocit, že věci ovládá přímo.
  • 1 vteřina: člověk zpoždění zaznamená, ale jeho myšlenkový tok se nepřeruší.
  • 10 vteřin: hranice, po které člověk přestane udržet pozornost a začne myslet na jiné věci.

Mezi 1 a 10 vteřinami se uživatel cítí vydaný napospas počítači a přeje si, aby byl rychlejší (NN/g). Prázdná bílá obrazovka je přitom nejhorší varianta: mozek nedostává žádnou informaci o tom, jestli se něco děje, a čekání se zdá mnohem delší. Proto tolik záleží na tom, aby se něco užitečného zobrazilo co nejdřív, i kdyby zbytek stránky ještě dobíhal.

6. Na mobilu je trpělivost ještě menší

Na telefonu lidé často něco hledají „mezi tím“: v tramvaji, ve frontě, při sledování televize. Jejich pozornost je rozdělená, připojení bývá horší a displej ukáže jen malý výřez stránky. Proto studie Googlu mluví právě o mobilních návštěvách a proto je na mobilu důležité, co je vidět na první obrazovce bez posouvání.

7. První dojem se přenáší na všechno ostatní

Když web na první pohled působí kvalitně, lidé mu podvědomě přisuzují i další dobré vlastnosti: že je snadno použitelný, důvěryhodný a firma za ním je profesionální. Psychologie tomu říká haló efekt. Funguje to i obráceně: pomalý nebo neupravený web v nás vyvolá pochybnost o celé firmě. Proto má prvních pár vteřin tak nepoměrně velký vliv na to, jestli si u vás člověk nakonec něco koupí.

03Co se děje v jednotlivých okamžicích

Takhle vypadají první vteřiny návštěvy krok po kroku. Vlevo je čas, uprostřed to, co se děje v hlavě návštěvníka, a vpravo to, co musí zvládnout web.

Časová osa prvních 10 vteřin návštěvy: do 0,05 s mozek vyhodnotí vzhled, do 0,1 s reakce působí okamžitě, do 1 s musí být vidět první obsah, do 2,5 s hlavní obsah, kolem 3 s se návštěvník rozhodne, jestli zůstane, do 10 s musí web potvrdit první dojem
Časové hranice podle Lindgaardové, Nielsena a Core Web Vitals.
Čas od kliknutíCo se děje v hlavě návštěvníkaCo musí web zvládnout
0 až 0,05 sMozek vyhodnotí celkový vizuální dojem, zatím nic nečteMít čistý, přehledný a typický vzhled
do 0,1 sReakce, která působí okamžitěPo klepnutí hned ukázat, že se něco děje
do 1 sČlověk zpoždění vnímá, ale neztrácí nitZobrazit první obsah, ne prázdnou obrazovku
do 2,5 sOčekává, že uvidí hlavní obsahNačíst největší prvek stránky (hranice, kterou Google považuje za dobrou)
kolem 3 sRozhodnutí: zůstat, nebo se vrátit zpětJasně říct, co tu člověk najde a co má udělat
do 10 sHranice pozornosti, pak člověk myslí na něco jinéhoPotvrdit první dojem a nabídnout další krok

Zdroje časových hranic: vnímání vzhledu podle Lindgaardové (Behaviour & Information Technology), reakční časy podle Nielsena (NN/g) a hranice 2,5 vteřiny podle Core Web Vitals (web.dev).

Každý okamžik stojí na tom předchozím. Když stránka hned na první pohled působí chaoticky, návštěvník do dalších vteřin vstupuje s nedůvěrou. Když zůstane obrazovka první vteřinu prázdná, nemá se čeho chytit a začne zvažovat odchod. A když se po třech vteřinách načte všechno, ale z nadpisu není jasné, o co jde, byla rychlost k ničemu.

Za 3 vteřiny přitom nemusíte načíst celou stránku. Stačí, aby se rychle objevilo to podstatné: nadpis, hlavní obrázek a tlačítko. Patička, recenze nebo mapa se můžou dotáhnout ve chvíli, kdy už návštěvník čte.

04První polovina pravidla: rychlost a Core Web Vitals srozumitelně

Google měří rychlost a plynulost webů pomocí tří ukazatelů, kterým říká Core Web Vitals. Počítají se z dat skutečných návštěvníků, kteří používají Chrome, ne z laboratorních testů. Každý ukazatel odpovídá jedné otázce, kterou si návštěvník v prvních vteřinách podvědomě klade.

UkazatelOtázka návštěvníkaCo měříDobrá hodnota
LCP (Largest Contentful Paint)„Už to naběhlo?“Za jak dlouho se zobrazí největší prvek na obrazovce, typicky hlavní obrázek nebo nadpisdo 2,5 s
INP (Interaction to Next Paint)„Reaguje to?“Za jak dlouho stránka viditelně zareaguje na klepnutí nebo kliknutído 200 ms
CLS (Cumulative Layout Shift)„Neujede mi to?“Jak moc se obsah při načítání nečekaně posouvádo 0,1

Hranice uvádí Google a platí i v roce 2026 (web.dev). Aby web prošel, musí je splnit alespoň 75 % skutečných návštěv, ne jen průměr.

LCP: proč nestačí, že se „něco“ načte

Představte si, že vejdete do obchodu a první tři vteřiny je tma. Pak se rozsvítí jedna lampa u vchodu, ale regály vidíte až za dalších pět vteřin. LCP měří právě okamžik, kdy se „rozsvítí regály“, tedy kdy uvidíte hlavní obsah, kvůli kterému jste přišli.

LCP je také ukazatel, se kterým mají weby největší problém. Na mobilu ho v roce 2025 splňovalo jen 62 % webů, zatímco odezvu (INP) 77 % a stabilitu rozvržení (CLS) 81 % (Web Almanac). Nejčastější viníci jsou pomalý server, obrovský nekomprimovaný obrázek nebo video v úvodu stránky a skripty, které blokují vykreslení.

Weby s dobrou hodnotou ukazatele v roce 2025, %
  • LCP (načtení)Počítač: 74 %Mobil: 62 %
  • INP (odezva)Počítač: 97 %Mobil: 77 %
  • CLS (stabilita)Počítač: 72 %Mobil: 81 %

HTTP Archive, Web Almanac 2025. Na mobilu zaostává načítání (LCP) i odezva (INP), stabilita rozvržení (CLS) je naopak lepší než na počítači.

INP: proč na odezvě záleží i po načtení

Pravidlo 3 vteřin nekončí načtením. Když návštěvník klepne na tlačítko a nic se nestane, mozek to vyhodnotí stejně jako pomalé načítání: něco nefunguje. Typicky pak klepne znovu, a někdy tím odešle formulář dvakrát. INP měří, jestli stránka odpoví dostatečně rychle, aby působila živě. Nejčastěji ho zhoršují těžké skripty třetích stran, například reklamy, chatovací widgety nebo analytické nástroje.

CLS: proč vadí, když obsah uskočí

Znáte to: chcete klepnout na odkaz, v tu chvíli se nahoře načte reklama, obsah poskočí dolů a vy klepnete na něco úplně jiného. To je CLS. Web, který se nechová předvídatelně, ztrácí důvěru. Příčinou bývají obrázky a reklamy bez předem určené velikosti nebo cookie lišty, které odsunou obsah.

Jak souvisí rychlost s SEO

Core Web Vitals jsou jedním ze signálů, které Google používá při řazení výsledků (Google Search Central). Nejsou ale nejdůležitější: rychlý web s horším obsahem nepřeskočí pomalejší web s výrazně lepším obsahem. Víc než na pozicích se rychlost projeví na tom, kolik lidí na webu zůstane a něco udělá. Co dalšího rozhoduje o pozicích, rozebíráme v článku Jak optimalizovat web pro SEO.

05Druhá polovina pravidla: srozumitelnost na první pohled

Rychlý web, ze kterého nikdo nepochopí, o co jde, neudrží návštěvníka o nic déle než pomalý web. Během prvních tří vteřin si člověk potřebuje podvědomě odpovědět na čtyři otázky. Pokud mu na některou web neodpoví, informační stopa slábne a roste chuť odejít.

Čtyři otázky, na které musí odpovědět první obrazovka

  1. Kde to jsem? Logo, název a celkový vzhled musí potvrdit, že jsem na webu, kam jsem chtěl přijít. Hlavně pokud přicházím z reklamy nebo z vyhledávání, musí stránka navazovat na to, na co jsem klikl.
  2. Co tu najdu a co z toho mám? Hlavní nadpis musí srozumitelně říct, co nabízíte a komu. Slogan na to nestačí.
  3. Co mám udělat dál? Jedno výrazné hlavní tlačítko, které říká, co se stane, když na něj klepnu.
  4. Proč vám mám věřit? Rychlý signál důvěry: hodnocení, počet zákazníků, známé značky, se kterými pracujete, nebo recenze.
Čtyři otázky, na které musí odpovědět první obrazovka: kde to jsem, co tu najdu a co z toho mám, co mám udělat dál a proč vám mám věřit, a čím na ně web odpoví
Na každou otázku musí první obrazovka odpovědět bez posouvání.

Nadpis: nejdůležitějších pár slov na celém webu

Nadpis je první text, který mozek čte. Musí fungovat i pro člověka, který o vás nikdy neslyšel a přečte jen jeho.

Nejasný nadpisSrozumitelný nadpisProč je lepší
Inovativní řešení pro váš růstVedeme účetnictví pro živnostníky a malé firmy od 990 Kč měsíčněŘíká co, pro koho a za kolik
Vítejte na našem webuOpravíme displej iPhonu do 60 minut, v Praze i BrněKonkrétní služba, rychlost a místo
Budoucnost je tadyAplikace, která vám každé ráno sestaví jídelníček podle vašich cílůPopisuje, co aplikace skutečně dělá

Obecné slogany nutí mozek přemýšlet, co se jimi myslí. To je přesně ta práce, kterou v prvních vteřinách nechce dělat. Konkrétní nadpis naopak dává silnou informační stopu: „Ano, tady je to, co hledám.“

Hlavní tlačítko: jedno, výrazné a konkrétní

Když je na první obrazovce pět tlačítek stejné důležitosti, mozek musí volit. Každá volba navíc zpomaluje rozhodnutí. Proto platí:

  • Jedno hlavní tlačítko, vizuálně nejvýraznější prvek. Další akce mohou být méně výrazné.
  • Konkrétní text. Místo „Odeslat“ nebo „Více“ raději „Spočítat cenu“, „Vyzkoušet zdarma na 14 dní“ nebo „Objednat opravu“.
  • Vidět bez posouvání, hlavně na mobilu.

Obrázek, který něco sděluje

Hlavní obrázek nebo video má podpořit sdělení nadpisu: ukázat produkt, výsledek nebo lidi, kterým pomáháte. Obecná fotka z fotobanky s usmívajícími se lidmi v kanceláři nic neříká a navíc zpomaluje načítání. Pokud obrázek nepřidává informaci, je lepší ho zmenšit nebo vynechat.

Signály důvěry: rychlá odpověď na otázku „Proč vám věřit?“

V prvních vteřinách nikdo nečte dlouhé reference. Fungují krátké a konkrétní signály: hodnocení 4,8 z 5 na Googlu, „přes 12 000 zákazníků“, loga známých klientů nebo certifikace. Stačí jeden nebo dva, umístěné blízko hlavního tlačítka.

Typičnost: nevymýšlejte znovu kolo

Logo vlevo nahoře, menu nahoře, košík vpravo nahoře, vyhledávání v záhlaví. Tyto konvence lidé znají z tisíců webů a jejich mozek je zpracuje automaticky. Originalitu si nechte pro obsah a vizuální styl, ne pro umístění základních prvků. Zmíněná studie z roku 2012 potvrdila, že weby, které vypadají typicky pro svůj obor, působí na první pohled lépe (Google Research). Jak rozvrhnout stránky a menu, aby se v nich lidé vyznali, popisujeme v článku Jak vytvořit strukturu webu.

06Jak pravidlo platí pro různé typy webů a aplikací

Princip je všude stejný, ale co přesně musí návštěvník do tří vteřin uvidět, se liší podle toho, proč přišel.

Firemní web a web služeb

Návštěvník chce rychle zjistit, jestli děláte to, co potřebuje, a jestli jste pro něj ti správní. Na první obrazovce proto potřebuje: co děláte, pro koho, kde působíte a jak vás kontaktovat. Telefon nebo tlačítko „Nezávazná poptávka“ by mělo být vidět hned, hlavně na mobilu. Právě tohle při návrhu webů na míru řešíme jako první.

E-shop

Na hlavní stránce rozhoduje vyhledávání a jasné kategorie. Na stránce produktu musí být hned vidět fotka, název, cena, dostupnost a tlačítko „Do košíku“. Pokud člověk musí hledat cenu nebo dostupnost, mozek to vyhodnotí jako překážku a vrátí se do srovnávače, odkud přišel.

Landing page z reklamy

Tady platí pravidlo 3 vteřin nejtvrději. Člověk klikl na konkrétní slib v reklamě a stránka ho musí okamžitě potvrdit, ideálně stejnými slovy. Když reklama slibuje „Kurz angličtiny online od 299 Kč“ a stránka začíná obecným „Vítejte v naší jazykové škole“, informační stopa se přeruší. Za každé takové kliknutí přitom platíte. Proto u online marketingu hlídáme, aby reklama a stránka mluvily stejnou řečí.

Článek a blog

Kdo přišel z vyhledávání s otázkou, chce odpověď, ne velký úvodní obrázek a dlouhý úvod. Nejlépe funguje nadpis, který odpovídá otázce, a hned pod ním stručná odpověď v prvních větách. Podrobnosti mohou následovat.

Mobilní aplikace

U aplikací se pravidlo 3 vteřin týká hlavně spuštění. Google v Android vitals považuje za příliš pomalé, když aplikace při studeném startu (aplikace startuje od nuly, třeba poprvé po zapnutí telefonu nebo poté, co ji systém ukončil) naběhne za 5 vteřin a víc, při teplém startu za 2 vteřiny a víc a při horkém startu (návrat z pozadí) za 1,5 vteřiny a víc (Android Developers Blog). Google zároveň doporučuje mířit níž (Android Developers).

Kdy je spuštění aplikace příliš pomalé, s
  • Studený start5,0
  • Teplý start2,0
  • Horký start1,5

Hranice v Android vitals, od které Google považuje spuštění za příliš pomalé. Google doporučuje mířit níž. Zdroj: Android Developers Blog.

Kromě rychlosti rozhoduje první obrazovka po spuštění. Dlouhý úvodní průvodce na pět obrazovek nebo registrace hned na začátku jsou pro nového uživatele stejná bariéra jako pomalý web. Lepší je nechat ho nejdřív vyzkoušet hlavní funkci a teprve potom žádat registraci. Stejný princip platí u mobilních aplikací, které vyvíjíme pro klienty.

Webová aplikace a SaaS

Po přihlášení čeká uživatel svůj přehled. Pomáhají kostry obsahu (šedé obrysy, které se postupně zaplní daty) místo prázdné obrazovky s točícím se kolečkem. Mozek tak od první vteřiny vidí, jak bude stránka vypadat, a čekání vnímá jako kratší. U akcí jako uložení nebo smazání pomáhá okamžitě ukázat výsledek a teprve potom ho potvrdit se serverem. Na tom stavíme i webové aplikace na míru.

0710 nejčastějších chyb, které vyhánějí návštěvníky v prvních vteřinách

  1. Cookie lišta přes celou obrazovku. Místo vašeho obsahu návštěvník jako první uvidí právní text. Pokud web používá analytické nebo reklamní cookies, lištu potřebuje, ale nemusí zakrýt celou stránku. Stačí menší panel dole, který nechá vidět nadpis.
  2. Vyskakovací okno hned po načtení. Žádost o e-mail nebo slevový kód dřív, než člověk vůbec ví, kde je. Mozek to vyhodnotí jako překážku. Pokud okno chcete, zobrazte ho až po chvíli nebo při odchodu.
  3. Obrovský obrázek nebo video v úvodu. Typická příčina špatného LCP. Nekomprimovaná fotka o velikosti několika megabajtů se na mobilu načítá vteřiny.
  4. Slogan místo sdělení. „Posouváme hranice možností“ neřekne, co děláte. Viz tabulka nadpisů výše.
  5. Obsah, který uskakuje. Reklamy, obrázky nebo bannery bez pevné velikosti, které posunou text ve chvíli, kdy ho člověk začne číst.
  6. Příliš mnoho možností najednou. Pět stejně výrazných tlačítek, přeplněné menu, několik nabídek vedle sebe. Každá volba navíc prodlužuje rozhodování.
  7. Nutné posouvání k podstatnému. Na mobilu je nad ohybem stránky jen pár řádků. Pokud je tam jen logo a obrázek, návštěvník nevidí, proč by měl zůstat.
  8. Prázdná bílá obrazovka. Stránka nebo aplikace, která nic neukáže, dokud nenačte všechno. Mozek nemá žádnou zpětnou vazbu a čekání se zdá nekonečné.
  9. Příliš mnoho skriptů třetích stran. Chaty, analytické nástroje, reklamní kódy a sociální widgety. Každý zpomaluje načítání i odezvu na klepnutí.
  10. Web, který na mobilu vypadá jako zmenšený počítač. Drobné písmo, malá tlačítka, která nejdou trefit prstem, a tabulky, které přetékají obrazovku.

08Jak si web otestovat

Test srozumitelnosti: pětivteřinový test

Nejjednodušší a nejlevnější test, který odhalí problémy se srozumitelností. Zvládnete ho během odpoledne.

  1. Najděte tři až pět lidí, kteří váš web neznají. Nemusí to být odborníci, stačí známí z jiného oboru.
  2. Ukažte jim hlavní stránku na telefonu přesně na pět vteřin a pak ji schovejte.
  3. Zeptejte se: Co tahle firma nebo aplikace dělá? Pro koho je? Co byste tam udělali jako první?
  4. Pokud se odpovědi liší nebo lidé nevědí, máte problém se sdělením, ne s návštěvníky.

Test dělejte na mobilu. Většina návštěv dnes přichází z telefonu a tam je na první obrazovce nejméně místa.

Test rychlosti: změřte skutečná data

  • PageSpeed Insights (pagespeed.web.dev): zadáte adresu a uvidíte Core Web Vitals od skutečných návštěvníků i laboratorní měření s konkrétními doporučeními. Sledujte hlavně horní část se skutečnými daty, ta rozhoduje.
  • Google Search Console: přehled Core Web Vitals ukáže, které skupiny stránek mají problém, a to u celého webu najednou.
  • Vlastní telefon na pomalejší síti: otevřete web na starším telefonu přes mobilní data mimo Wi-Fi. Uvidíte ho tak, jak ho vidí velká část vašich návštěvníků.

Laboratorní měření a skutečná data se často liší. Laboratorní test proběhne jednou za ideálních podmínek, skutečná data sbírají zkušenosti tisíců lidí na různých telefonech a sítích. Když si odporují, věřte skutečným datům.

09Jak web zrychlit: co pomáhá nejvíc

Nemusíte být programátor, abyste věděli, na co se ptát webaře. Nejvíc obvykle pomáhají tyhle kroky.

Pro každého

  • Zmenšete obrázky. Používejte moderní formáty WebP nebo AVIF a obrázky ukládejte ve velikosti, v jaké se opravdu zobrazují. Fotka o šířce 4 000 pixelů do okénka širokého 400 pixelů je nejčastější zbytečná brzda.
  • Zbavte se toho, co nepotřebujete. Každý chatovací widget, pixel, slider nebo animace něco stojí. Projděte, co na webu opravdu využíváte.
  • Kvalitní hosting. Pomalý server zdrží všechno ostatní. Levný sdílený hosting bývá první místo, kde se vyplatí investovat.
  • Lehčí cookie lišta a vyskakovací okna. Méně kódu, menší plocha, pozdější zobrazení.

Pro vývojáře

  • Hlavní obrázek načtěte přednostně (atribut fetchpriority="high" nebo preload) a nenastavujte mu líné načítání. Líné načítání patří obrázkům pod ohybem stránky.
  • Rezervujte místo pro obrázky, reklamy a vložený obsah pomocí rozměrů nebo poměru stran. Tím vyřešíte většinu problémů s CLS.
  • Omezte JavaScript, hlavně ten, který blokuje vykreslení. Skripty třetích stran načítejte odloženě a dlouhé úlohy rozdělte, aby nezdržovaly odezvu (INP).
  • Vykreslujte obsah na serveru nebo předem, aby prohlížeč nemusel nejdřív stáhnout a spustit aplikaci, než cokoli ukáže.
  • Použijte CDN a ukládání do mezipaměti, aby se obsah posílal ze serveru co nejblíž návštěvníkovi.
  • Písma: načítejte jen řezy, které používáte, a nastavte font-display, aby text byl vidět hned i během načítání písma.

10Checklist: projde váš web pravidlem 3 vteřin?

Rychlost

  • LCP do 2,5 vteřiny na mobilu podle skutečných dat v PageSpeed Insights
  • INP do 200 milisekund
  • CLS do 0,1, obsah při načítání neuskakuje
  • Hlavní obrázek je zmenšený, v moderním formátu a načítá se přednostně
  • Po klepnutí se hned objeví odezva, ne prázdná obrazovka

Srozumitelnost

  • Nadpis říká, co nabízíte a komu, bez obecných sloganů
  • Na mobilu je bez posouvání vidět nadpis i hlavní tlačítko
  • Hlavní tlačítko je jen jedno a jeho text říká, co se stane
  • U tlačítka je alespoň jeden signál důvěry
  • Cookie lišta ani vyskakovací okno nezakrývají obsah
  • Landing page z reklamy navazuje na slib v reklamě
  • Pětivteřinový test se třemi lidmi dopadl dobře

Aplikace

  • Studený start pod 5 vteřin, ideálně výrazně méně
  • Uživatel vyzkouší hlavní funkci dřív, než musí vyplnit registraci
  • Při načítání se zobrazují kostry obsahu, ne jen točící se kolečko

11Časté otázky

Co je pravidlo 3 vteřin?

Pravidlo říká, že návštěvník se během zhruba tří vteřin rozhodne, jestli na webu nebo v aplikaci zůstane. Za tu dobu se musí stránka načíst a musí být jasné, co nabízí a co má člověk udělat dál.

Je číslo 3 vteřiny vědecky přesné?

Ne úplně. Vychází hlavně ze studie Googlu z roku 2016, podle které 53 % mobilních návštěv pravděpodobně skončí, když se stránka načítá déle než 3 vteřiny. Je to spíš orientační hranice než přesný zákon. Rychlejší je vždy lepší.

Jak rychle se musí web načíst?

Google považuje za dobré, když se hlavní obsah zobrazí do 2,5 vteřiny (LCP), stránka reaguje na klepnutí do 200 milisekund (INP) a obsah při načítání neuskakuje (CLS do 0,1).

Stačí mít rychlý web?

Ne. Rychlost je jen polovina pravidla. Pokud z první obrazovky není jasné, co nabízíte a co má návštěvník udělat, odejde i z rychlého webu.

Jak zjistím, jestli můj web pravidlem projde?

Rychlost změřte v PageSpeed Insights a v Google Search Console. Srozumitelnost otestujte pětivteřinovým testem: ukažte hlavní stránku na pět vteřin lidem, kteří váš web neznají, a zeptejte se, co jste zač.

Platí pravidlo i pro mobilní aplikace?

Ano. Google v Android vitals považuje za příliš pomalý studený start aplikace 5 vteřin a víc a doporučuje mířit níž. Stejně důležitá je první obrazovka po spuštění.

Ovlivňuje rychlost webu pozice v Googlu?

Ano, Core Web Vitals jsou jedním ze signálů hodnocení. Nejsou ale nejdůležitější. Víc se rychlost projeví na tom, kolik lidí na webu zůstane a něco udělá.

12Zdroje

Studie a čísla jsme ověřovali u původních zdrojů v září 2026:

Tým LISTIFYWeby, aplikace a marketing z Prahy od roku 2008

Další články

Všechny články →
SEO optimalizace3. 4. 2024 · 3 min čtení

Získejte více zákazníků: budujte zpětné odkazy pro SEO

SEO optimalizace5. 3. 2024 · 2 min čtení

Jak správně vytvořit strukturu webu

SEO optimalizace4. 3. 2024 · 2 min čtení

Jak správně optimalizovat web (SEO)

Sdílet stránku

E-mailem

Máte nápad? Za 15 minut víte, jak na něj.

Krátký hovor, žádná prezentace. Řekneme vám, co dává smysl, kolik to bude stát a jak rychle to zvládneme.

+420 771 166 199Po až Pá 8:30 až 16:00 · info@listify.cool

Kdy vám máme zavolat?

Vyberte den a časové rozmezí. Zavoláme my, hovor trvá zhruba 15 minut.

Den