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

クライアントサイドレンダリングとは、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アプリケーションのスクリプトが画面表示処理を行っているわけではない。