ShipFourteen
Navrhnúť web

BlogPrečo a aký web

Aký rýchly má byť web na mobile? Kontrola za 2 minúty

Mnohí vaši zákazníci otvoria web na telefóne, často na mobilných dátach. Tu je, čo znamená dosť rýchly web v číslach a ako si ho skontrolujete za dve minúty.

Publikované Aktualizované 5 min čítania

Matúš Kališ, zakladateľ

AutorMatúš KališZakladateľ

Predstavte si zákazníka s prasknutým potrubím. Hľadá na telefóne, ťukne na váš web a čaká. Ak sa telefónne číslo objaví až po desiatich sekundách, vráti sa späť a ťukne na ďalší výsledok. Rýchlosť tu nie je technická drobnosť. Rozhoduje o tom, či vám zazvoní telefón.

Tri čísla jednoducho

Google zverejňuje tri miery, ktoré nazýva Core Web Vitals. Podľa web.dev, Web Vitals (aktualizované 31. októbra 2024) je stránka dobrá, keď tieto hodnoty dosiahne 75 % návštev, pričom mobil a počítač sa hodnotia zvlášť.

MieraČo znamenáDobréZlé
LCP, Largest Contentful PaintKedy sa zobrazí najväčšia fotka alebo blok textudo 2,5 snad 4,0 s
INP, Interaction to Next PaintAko rýchlo stránka zareaguje na ťuknutie alebo písaniedo 200 msnad 500 ms
CLS, Cumulative Layout ShiftAko veľmi stránka počas načítania poskakujedo 0,1nad 0,25

Limity sú zo stránok LCP (aktualizované 4. 9. 2025), INP (aktualizované 2. 9. 2025) a CLS. Pre malú firmu je najdôležitejšie LCP. Je to chvíľa, keď zákazník uvidí váš nadpis alebo fotku namiesto prázdnej obrazovky. CLS je to otravné: chcete ťuknúť na Zavolať a tlačidlo odskočí, lebo sa nad ním načítala fotka.

Čo spomaľuje weby malých firiem

Návod web.dev na optimalizáciu LCP uvádza typické príčiny pri hlavnom obrázku: súbor je veľký alebo v starom formáte, obrázok sa načítava „lenivo“, hoci je prvý na obrazovke, a štýly či skripty bránia stránke vykresliť sa. Z toho a zo stránky o CLS vychádzajú tieto vzorce, ktoré treba hľadať:

  • Obrovské fotky. Fotka rovno z mobilu je zvyčajne omnoho väčšia, než akákoľvek obrazovka potrebuje. Zmenšite ju na zobrazovanú veľkosť a použite moderný formát, napríklad WebP alebo AVIF.
  • Slidery. Slider je viac veľkých fotiek na jednom mieste a prvá z nich je zvyčajne najväčšia vec na obrazovke, takže určuje vaše LCP.
  • Chatovacie okná a vyskakovacie okná. Pridávajú skript od inej firmy. Stránka Googlu o CLS menuje ako príčinu skákania aj externé prvky, ktoré si samy menia veľkosť.
  • Priveľa písiem. Každé písmo je ďalší súbor na stiahnutie a písmo, ktoré sa vykreslí väčšie než náhradné, posunie text, keď sa načíta (tiež zo stránky o CLS).
  • Obrázky bez zadaných rozmerov. Prehliadač nevie, koľko miesta nechať, a text pod nimi poskočí.
  • Kopa skriptov. Analytika, pixely, rezervačné nástroje a doplnky: každý malý, spolu ťažké.

Kontrola za 2 minúty

  1. Na počítači otvorte pagespeed.web.dev.
  2. Vložte adresu webu a stlačte Analyze. Trvá to do minúty.
  3. Otvorte výsledok pre Mobile. Zákazník, ktorý stojí v rade alebo na parkovisku, má v ruke telefón, nie počítač.
  4. Najprv sa pozrite na rámček Core Web Vitals. Google vysvetľuje, že ukazuje údaje od skutočných návštevníkov za posledných 28 dní. Malý web nemusí mať dosť návštev a rámček je potom prázdny.
  5. Nájdite tri riadky: Largest Contentful Paint, Cumulative Layout Shift a, v rámčeku so skutočnými návštevníkmi, Interaction to Next Paint. Porovnajte ich s tabuľkou vyššie. Zelená je dobrá.
  6. Prečítajte si zoznam odporúčaní pod skóre. Prvé z nich zvyčajne pomenujú ťažké obrázky alebo skripty.
  7. Teraz skúška ľudským okom: vypnite Wi-Fi, otvorte web na mobilných dátach a počítajte sekundy, kým si prečítate svoje telefónne číslo. Je to stopky, nie presné LCP, ale ak napočítate viac než päť, máte odpoveď.

Jedno upozornenie z tej istej stránky Googlu: laboratórne skóre vychádza z jedného simulovaného telefónu a pripojenia, je to teda orientácia, nie verdikt. Testujte domovskú stránku a vašu najnavštevovanejšiu stránku služby.

Ako sme merali my

V októbri 2026 sme testovali weby 53 bratislavských firiem na vykurovanie nástrojom Lighthouse 13.5, ktorý beží aj v PageSpeed Insights, so simulovaným telefónom strednej triedy. Medián webu ukázal hlavný obsah za 6,3 s. Naša ukážka Teplo Váh, vymyslená firma, ho ukázala za 2,1 s (meranie z 31. októbra 2026).

Je to naše vlastné meranie a má hranice. Je to laboratórna simulácia na jednom počítači, nie skutoční návštevníci. Päťdesiattri webov je jeden odbor v jednom meste. Teplo Váh je ukážka, ktorú sme postavili my, nie výsledok zákazníka. Metódu a čísla nájdete na stránke Optimalizácie.

Vyplatí sa rýchlosť? Štúdia 55 a Deloitte pre Google, ktorá sledovala časy načítania na mobile 30 dní na konci roka 2019, zistila, že o 0,1 s rýchlejší mobilný web zvýšil konverziu v maloobchode o 8,4 %. Ide o internetové obchody, nie o inštalatérov, a stránka nemá dátum, preto to berte ako smer, nie ako sľub.

Ako výsledok prečítať

Jednoduché pravidlo. Ak je LCP zelené a CLS zelené, nechajte web tak a čas venujte inému. Ak je LCP oranžové alebo červené, príčinou je takmer vždy prvá fotka alebo nejaký skript, preto požiadajte najprv o opravu týchto dvoch vecí. Ak je červené len CLS, nechajte nastaviť rozmery obrázkov a skontrolovať chatovacie okno. Opravte jednu vec, spustite kontrolu znova a porovnajte.

Čo sa opýtať toho, kto vám web robí

  • Aké je dnes naše LCP, CLS a INP na mobile a kde ste ich merali?
  • Aký veľký je najväčší obrázok na domovskej stránke, v kilobajtoch?
  • Načítava sa prvá fotka „lenivo“? Nemá.
  • Aké externé skripty a okná sa načítavajú a dá sa každý z nich vypustiť?
  • Koľko písiem načítavame?
  • Môžete poslať stav pred a po pri dvoch stránkach, na ktorých záleží najviac?

Ak chcete mať rýchlosť vyriešenú od začiatku, je súčasťou všetkých našich balíkov, ktoré nájdete na stránke Ceny. Rýchlosť webu sa oplatí skontrolovať spolu s profilom firmy na Google.

Zdroje

  1. web.dev, Web Vitals (aktualizované 31. 10. 2024)
  2. web.dev, Largest Contentful Paint (aktualizované 4. 9. 2025)
  3. web.dev, Interaction to Next Paint (aktualizované 2. 9. 2025)
  4. web.dev, Cumulative Layout Shift
  5. web.dev, Optimize Largest Contentful Paint
  6. Google, About PageSpeed Insights
  7. PageSpeed Insights
  8. web.dev, Milliseconds make millions (Google, 55 a Deloitte, 2020)

Text sme pripravili s pomocou umelej inteligencie.

Súvisiace stránkyMeraniaCeny

Ďalšie články

  1. Web pre živnostníka: čo naozaj potrebuje a koľko stojíPrečo a aký web 2 min čítania

    Päť stránok stačí. Štart stojí 390 € jednorazovo, builder za tri roky podobne.

    Čítať článok
  2. Čo malej firme naozaj prináša dobrý webPrečo a aký web 5 min čítania

    Web posudzujte podľa hovorov a dopytov, nie vzhľadu.

    Čítať článok
  3. Web alebo len Facebook: čo malá firma naozaj potrebujePrečo a aký web 5 min čítania

    Facebook je prenajaté miesto na cudzej platforme.

    Čítať článok

Menu

Jazyky

ENSKDE