SPA(Single Page Application)というものが流行りつつあります。

何かというと、今このページをみていただくとわかりますが、記事部以外のヘッダー、フッター、サイドバナーは全く一緒ですよね。

別の記事を読もうとすると、共通部分も再度読み込んで描画しています。これだと通信容量も増えますし、描画に時間もかかるためいろいろともったいないです。

これを解決するためには、AJAXを使い、差分の記事データだけを非同期で持ってきてDOMで記事部分だけを書き換えたら、一瞬で画面が切り替わる。これがSPAの考え方です。

ストレスなくスクロールし続けられるGoogleマップのような快適さがホームページにも適用されるイメージです。

ただ、今まではクローラの性能によりSPAはSEOに弱いとされてきました。これはクローラの性能向上により回避されました。

ではすべてJavaScript化することでのデメリットは何でしょうか。

SPAになっていればページ更新はものすごく早いのですが、反面、最初にデータをすべて持ってくる必要があるため、初期ロードが遅いということがあります。

これが解決されていくと、今後のホームページの主流になってくる可能性を秘めています。

弊社としてもこの動向を見守りつつも、基礎研究をしているところです。


最後までお読みいただきありがとうございました。