Aký je rozdiel medzi jednostránkovou aplikáciou (SPA) a klasickým webom?

V SPA sa načítanie obsahu a prechody medzi "stránkami" vykonávajú dynamicky, bez úplného načítania stránky. Na klasickej stránke každý prechod na novú stránku vyžaduje úplné načítanie celého HTML dokumentu.

SPA:

• Výhody:
  • Rýchla odozva na akcie používateľa (menej viditeľné oneskorenia pri navigácii).
  • Lepší UX (pocit nativnej aplikácie).
  • Menešší prenos medzi klientom a serverom (nahrávajú sa iba potrebné údaje).
• Nevýhody:
  • Komplexnosť s SEO (vyhľadávacie systémy môžu mať ťažkosti s indexovaním dynamického obsahu).
  • Vyšší počiatočný čas načítania (initial load time) (prvé načítanie všetkých potrebných zdrojov).
  • Môže vyžadovať viac zdrojov prehliadača na klientovi.
  • Zložitejšia vývoj a ladenie.

Klasická stránka:

• Výhody:
  • Dobrá indexácia vyhľadávacími systémami (SEO).
  • Jednoduchosť vývoja pre menej interaktívne stránky.
  • Lepší výkon na zariadeniach s obmedzenými zdrojmi.
• Nevýhody:
  • Pomalá navigácia (úplné načítanie stránky pri každom prechode).
  • Horší UX (pocit "zaseknutia" pri prechodoch).
  • Viac prenosu kvôli neustálemu načítaniu celého obsahu.

Porovnávacia tabuľka:

Charakteristika	SPA	Klasická stránka
Načítanie stránky	Dynamické (čiastočná aktualizácia)	Kompletné načítanie
Prechody	Rýchle, bez načítania	Pomalé, s úplným načítaním
Prenos	Menej (načítanie dát)	Viac (načítanie HTML, CSS, JS, dát)
SEO	Komplikácie (vyžaduje SSR/pre-rendering)	Dobré
UX	Lepšie, podobné nativnej aplikácii	Horšie, viditeľné oneskorenia
Počiatočné načítanie	Vyššie	Nižšie (pre jednoduché stránky)
Zložitosť vývoja	Vyššia	Nižšia