Render-blocking (レンダーブロッキング)

レンダーブロッキングはウェブサイトのローディングプロセスにおいてユーザーインターフェイスのレンダリング更新をブロックする部分のことを指します。レンダーブロッキングは、例えばコンテンツの閲覧やフォームコントロールを使った動作など、ユーザーがウェブサイトとインタラクションできるまでの応答時間が長くなるため、ウェブパフォーマンスを低下させます。

CSS や JavaScript ファイルの初期ローディングはレンダーブロッキングを発生させる最も一般的な原因です。