# Veľkosť HTML (SEO)

> Veľkosť HTML je váha HTML dokumentu stránky v kilobajtoch bez obrázkov, štýlov a skriptov. Vyhľadávač aj prehliadač ho musia celý stiahnuť a spracovať.

- **Číslo kontroly:** S24
- **Oblasť:** [SEO](https://be1st.ai/sk/glossary/seo)
- **Nástroj:** [SEO + Bezpečnosť + Výkon](https://be1st.ai/sk/tools/ssp-audit)
- **Stránka:** https://be1st.ai/sk/glossary/seo/html-size

## Prečo na tom záleží

Veľké HTML dokumenty spomaľujú načítanie stránky, spotrebúvajú viac pamäte a môžu spôsobovať problémy na mobilných zariadeniach s obmedzeným dátovým balíkom. Google uprednostňuje rýchle stránky.

## V praxi

Single Page aplikácie (SPA) niekedy generujú HTML s inline CSS a JS nad 500 KB. Hranica 100 KB je praktický limit be1st pre rýchle načítanie, nie oficiálny limit Google. WordPress témy s page buildermi často generujú zbytočne veľké HTML s desiatkami nadbytočných elementov div.

## Ako to be1st kontroluje

Kontrola veľkosti HTML dokumentu, ktorá by nemala presiahnuť 100 KB (do 200 KB je to varovanie). Príliš veľké HTML spomaľuje parsovanie a vykresľovanie a predlžuje čas načítania stránky.

[SEO + Bezpečnosť + Výkon](https://be1st.ai/sk/tools/ssp-audit), záložka SEO.

Každá kontrola skončí ako: V poriadku, Varovanie, Chyba.

## Zdroje

- [Lighthouse SEO Audits](https://web.dev/articles/pass-lighthouse-seo-audit) (web.dev)
- [SEO Starter Guide](https://developers.google.com/search/docs/fundamentals/seo-starter-guide) (Google Search Central)

## Súvisiace pojmy

- [Veľkosť HTML (výkon)](https://be1st.ai/sk/glossary/performance/html-size): Veľkosť HTML je váha HTML dokumentu stránky v kilobajtoch. Prehliadač ho musí celý stiahnuť a spracovať, kým stránku ukáže.
- [Inline CSS](https://be1st.ai/sk/glossary/performance/inline-css): Inline CSS sú štýly zapísané priamo v HTML, v blokoch `<style>` alebo v atribútoch style, namiesto samostatného súboru so štýlmi.
- [Znaky mobilnej optimalizácie (mobile-friendly)](https://be1st.ai/sk/glossary/seo/mobile-friendly-indicators): Znaky mobilnej optimalizácie ukazujú, že sa stránka prispôsobí malej obrazovke: viewport tag, responzívne CSS a obsah, ktorý sa zmestí bez zväčšovania.
- [Dĺžka obsahu](https://be1st.ai/sk/glossary/seo/content-length): Dĺžka obsahu je počet slov viditeľného textu na stránke. Stránka s príliš krátkym textom málokedy odpovie na otázku dosť dobre na to, aby sa umiestnila.
- [Hustota kľúčových slov (keyword density)](https://be1st.ai/sk/glossary/seo/keyword-density): Hustota kľúčových slov opisuje, ako často sa v texte objavujú slová, na ktoré stránka cieli. Tu to znamená, či sa slová z titulku nachádzajú aj v obsahu.
- [Hreflang tagy](https://be1st.ai/sk/glossary/seo/hreflang-tags): Hreflang tagy hovoria vyhľadávačom, ktorú jazykovú alebo regionálnu verziu stránky majú na viacjazyčnom webe ukázať ktorým používateľom.