SPA (jednostránková aplikace)
Také známo jako Single-page application, Jednostránková aplikace
Stručně
Jedna HTML stránka načtená jednou; každý přechod proběhne v prohlížeči bez žádosti o nový dokument ze serveru.
V SPA server pošle jen obal s odkazem na skript a celé rozhraní postaví JavaScript, který přes History API řeší i navigaci. Po prvním načtení je přechod mezi obrazovkami okamžitý, protože se stahují data, ne dokumenty.
Proč to působí rychle
Hlavní předností SPA je pocit rychlosti po prvním kliknutí. Dashboard, ve kterém lidé mezi sekcemi přeskakují čtyřicetkrát denně, znovu nenačítá layout, fonty ani ikony; jen vymění obsah a zachová scroll i stav. U interního nástroje nebo přihlášené aplikace je to hodně cenné.
Zároveň jde o přirozené prostředí pro bohaté interakce: tabule s drag-and-drop, filtry v reálném čase, editor, který ukládá při psaní. Nic z toho se nevejde do modelu, kde server posílá nový dokument při každé změně stavu.
Kde to bolí
První načtení je celý účet naráz. E-shop postavený jako čisté SPA stáhne katalog, košík i pokladnu, než návštěvník vidí první produkt — a když JavaScript selže nebo je pomalý, není co číst. Přitom právě landing page a stránka produktu jsou stránky, kde to vadí nejvíc, protože tam přicházejí cizí lidé.
Ze stejného důvodu trpí SEO a náhledy odkazů: crawler může dostat prázdný obal. Hybrid — SSR nebo statické HTML pro veřejné stránky a SPA uvnitř přihlášené zóny — je většinou levnější kompromis než jeden model pro všechno, za cenu dvou cest vykreslování, které musíte udržovat.
Zdroje
Související pojmy
SSR (renderování na serveru)
HTML se staví na serveru při každém požadavku, takže návštěvník vidí obsah dřív, než se načte JavaScript.
Správa stavu
Rozhodnutí, co si aplikace pamatuje, kde to žije a kdo to smí měnit — nejdřív lokálně, globálně jen když to sdílíte.
Lazy načítání
Načtěte obrázek, stránku nebo těžkou komponentu až ve chvíli, kdy ji bude potřeba — ne při načtení stránky.