SPA (Single Page Application) to aplikacja internetowa ładowana jednorazowo, która potem dynamicznie podmienia treść za pomocą JavaScript, bez pełnego przeładowania strony. Przypomina działaniem aplikację mobilną.
Jak działa SPA?
Przeglądarka pobiera szkielet HTML i skrypty, a dane dociąga z API. Nawigacja odbywa się w JavaScript, który zmienia adres i widok bez nowego żądania strony.
SPA a SEO
Gdy treść powstaje tylko w przeglądarce (CSR), roboty muszą wykonać skrypty, co opóźnia indeksowanie. Renderowanie po stronie serwera (SSR) lub generowanie statyczne ułatwia SEO.
Zalety i wady SPA
Zapewnia płynne działanie i szybkie przejścia, ale zwiększa rozmiar skryptów i pierwszy czas ładowania. Sprawdza się w panelach i aplikacjach, a rzadziej w prostych serwisach treściowych.
Strona ładuje się raz, a kolejne widoki podmienia JavaScript bez przeładowania, co daje płynność, ale wymaga uwagi przy adresach URL i indeksowaniu.
Zobacz w praktyce
CSR, SSR, SSG czy ISR? Porównanie metod renderowania
Overengineering w stronach internetowych
Błędy JavaScript - jak ich skutecznie unikać?