Logo David Burdelak
Słownik · Web development

Co to jest Single Page Application (SPA)?

Ostatnia aktualizacja:

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

Powiązane pojęcia

Wszystkie hasła z kategorii Web development