レンダリングパス

概要

Googleなどが提唱するWebパフォーマンス最適化の核となる概念。 このパスの中にある「ブロックリソース（レンダリングを止めてしまうJavaScriptやCSS）」を排除または遅延させることで、ユーザーに素早くコンテンツを届けることができる。

UXでの活用

• 体感速度の向上: クリティカルレンダリングパスを最適化することで、白画面の時間を減らし、ユーザーが「速い」と感じる体験を提供する。
• インタラクションの滑らかさ: アニメーション中に「レイアウト（Layout）」や「ペイント（Paint）」が発生すると重くなるため、「コンポジット（Composite）」だけで済むプロパティ（transform や opacity）を使うのが定石である。