Prázdný HTML – proč moderní weby vypadají v kódu jako prázdno?

Zkuste to hned teď. Klikněte pravým tlačítkem na jakoukoli velkou stránku a podívejte se na zdrojový kód.

Co uvidíte? Žádný obsah. Jen pár meta tagů, odkaz na CSS a jediný div:

<div id="app"></div>

To je vše. Skutečný text, obrázky i struktura přicházejí později. JavaScript je načte z API a naplní stránku až v prohlížeči.

Tohle se nestalo přes noc. A pokud stavíte weby, musíte vědět, jak k tomu došlo. Zejména kvůli rychlosti, SEO a přístupnosti.

Web jako dokument

Původní web byl jednoduchý. Prohlížeč si požádal o HTML, server ho poslal a stránka se vykreslila. Všechno viditelné bylo přímo v kódu.

To nebyla vada. Byla to síla.

Obsah měl kontext. Datum v článku nebylo jen číslo – obklopovala ho slova, která mu dávala smysl. Odkaz nebyl jen URL, ale popis, kam vede. Stránka byla kompletní sama o sobě.

"View Source" znamenalo jasnost. Vidíte, co tam je.

Ani když přišly dynamické servery jako PHP nebo CGI, nic se nezměnilo. HTML se generovalo z databáze, ale uživatel dostal hotový dokument. Šablony, styly i logika se spojily do jednoho celku.

Otočka s AJAXem

Pak přišel XMLHttpRequest. Prohlížeče najednou načítaly data bez refreshu stránky.

To se jmenovalo AJAX. Google Maps ukázal, jak to funguje – plynulé zoomování, žádné načítání.

Důvod byl dobrý. Proč posílat celou stránku kvůli jednomu prvku? Proč opakovat menu? Uživatelé chtěli lepší zážitek.

Ale cena byla vysoká.

Jak se web změnil

Kolem 2010 se ustálila nová logika:

1. Pošli minimum HTML – jen nádobu.
2. Načti JavaScript appku.
3. Stáhni data z API.
4. Naplň stránku za běhu.

Frameworky jako React, Angular nebo Vue to umožnily. Řešily složité stavy, reusable komponenty a velké týmy. Bez nich bychom neměli moderní appky.

Změnily ale základy webu.

Co jsme ztratili

Stránky už nejsou čitelné v HTML.

Zdrojový kód nemá nic společného s tím, co vidíte. Data, text i rozložení chybí. Jen ten prázdný div čeká na JS.

Pro vývojáře to znamená honbu za logikou – API volání, stavy, runtime změny. Žádná jednoduchost.

Pro vyhledávače, AI nebo screen readery je to horší. Musí spustit JS, simulovat kliky a sledovat změny. SEO trpí, přístupnost selhává, AI potřebuje headless prohlížeče s obrovskou spotřebou.

Změna myšlení

Není to jen o JS. Jde o přechod od dokumentu k rozhraní.

Dříve: Stránka = samostatný dokument se smyslem.
Dnes: Stránka = obal pro appku, smysl je jinde.

Dokumenty jsou jasné. Rozhraní potřebují interpretaci. Získali jsme rychlost a interaktivitu. Ztratili průhlednost.

Pro složité appky jako chaty nebo editory to stojí za to. Ale aplikujeme to všude – i na blogy a landing pages, kde stačí statický obsah.

Co to znamená pro zákazníky NameOcean

U NameOcean si to uvědomujeme. Váš domain a hosting musí sedět k vašemu webu – ne nutit vás do složitostí.

Pro obsahové stránky nebo landingy volte SSR nebo statickou generaci. HTML nese smysl, Google ho pochopí hned, pomalé připojení uvidí text okamžitě.

Pro interaktivní nástroje jako dashboardy nebo collab tool je client-side OK. Jen to zvažte úmyslně.

Rozhodujte se podle potřeby, ne módy.

Kam dál

Budoucnost je v rovnováze. Frameworky jako Next.js, Svelte nebo Astro kombinují SSR pro první načtení s client-side interaktivitou a statikou pro obsah.

Není třeba volit buď/nebo. Můžete mít rychlost, SEO i interaktivitu.

Klíč je záměr. Stavejte podle požadavků, ne podle trendů. Průhlednost a síla jdou ruku v ruce.