SPA
>A single-page application (SPA) is a website that re-renders its content in response to navigation actions (e.g. clicking a link) without making a request to the server to fetch new HTML.
ページをリロードしない。かわりにJavaScriptでDOMを操作して画面をレンダリングする。データは
Ajaxで取得する
なぜSPA?
SPA以前(~2013ごろ?)
静的なHTMLがページごとに配信されていた
RailsとかPHPのテンプレートエンジンとかでつくるとこうなる
ネイティブアプリっぽい挙動をさせることができる
画面遷移が早い
昔はこうだった(サーバーサイドでHTMLを生成してはく。テンプレートエンジンとかつかう)
SPA登場(React登場は2013年)
課題
読み込まれるJSのサイズが大きいので
FCPや
TTIが悪化する