クライアントサイドレンダリング 【CSR】 Client-Side Rendering

概要

クライアントサイドレンダリング（CSR）とは、Webアプリケーションの構成法の一つで、Webサーバが送ったデータに基づいてWebブラウザ側のスクリプトが表示に必要なHTMLやCSSなどのコード生成を行う方式。サーバ側でHTML生成を行うサーバサイドレンダリング(SSR)と対比される。

初回アクセス時にWebブラウザにスクリプトが展開され、以降はこのスクリプトがサーバ側のプログラムと通信して画面の表示内容の生成や表示の切り替えなどを行う。サーバは最初にスクリプトを含むページを送信し、以降はスクリプトからの要求に応えてデータを送信する。

一方、Webサーバ側のプログラムがHTMLやCSSなどWebページとして表示するコードを生成してブラウザに送信するWebアプリケーションもある。このような構成を「サーバサイドレンダリング」（SSR：Server-Side Rendering）という。

CSRはSSRに比べ表示処理をクライアント側で行うため、サーバ側の負荷が軽くクライアント側の負荷が大きい。ブラウザでは常に同じURLが表示され続け、その内容が動的に変化する形となるため、Web検索エンジンなどがWebページとして収集して検索結果に表示することは期待できない。

WebブラウザではHTMLやCSS、画像データなどを解釈して画面に表示する処理を「レンダリング」と呼んでいるが、CSRやSSRにおける「レンダリング」はブラウザのレンダリングエンジンに引き渡すHTMLやCSSなどを生成する処理を指す。Webアプリケーションのスクリプトが画面表示処理を行っているわけではない。

この記事の著者 ： (株)インセプト IT用語辞典 e-Words 編集部
1997年8月より「IT用語辞典 e-Words」を執筆・編集しています。累計公開記事数は1万ページ以上、累計サイト訪問者数は1億人以上です。学術論文や官公庁の資料などへも多数の記事が引用・参照されています。