Angularは長い道のりを歩んできました。Angular 17での非破壊的なハイドレーションの導入により、サーバーサイドレンダリング(SSR)のパフォーマンスは飛躍的に向上しました。この記事では、これが開発者にとって何を意味するのか、そしてJSLテクノロジーがクライアントのためにこの技術に多額の投資をしている理由について説明します。
ハイドレーションは、サーバーでレンダリングされたアプリケーションをクライアント側で「ウェイクアップ」するプロセスです。歴史的に、AngularはDOMを「ワイプ」して再レンダリングするというコストのかかるプロセスを行っていました。現在では、既存のDOMを「ウォーク」し、イベントリスナーをアタッチするだけで、信じられないほど高速なインタラクティブまでの時間(TTI)が実現します。
主な利点
- FCPとLCPの向上:GoogleのCore Web Vitalsはこれを気に入っています。
- SEOの向上:クローラーは完全なコンテンツを即座に取得します。
- シームレスなユーザーエクスペリエンス:読み込み時に「ちらつき」や「点滅」がなくなります。


