レンダリングブロッキング
ブラウザが画面に何かを描画する前に、読み込みと処理を終えなければならないリソース（主にCSSと同期スクリプト）。「レンダリングをブロックする」ことで最初の1ピクセルを遅らせ、体感の読み込み速度が落ちる主な原因になる。
CSSがブロックするのは、ブラウザがスタイルのないコンテンツ（FOUC）を描画したくないため。head内の全CSSの取得と解析が終わるまで待つ。defer/asyncのない同期的な <script> はパーサーをブロックし、取得と実行が終わるまでHTMLの解析が止まる。結果として、<head> 内の大きい、または配信が遅いCSS/JSが、First Contentful PaintやLCPを遅らせる。
対策は、クリティカルCSS（最初に見える部分に必要な少量）をインライン化して残りを非同期で読み込む、スクリプトにdefer/asyncを付ける、CSS/JSを削減・分割する、重要なリソースをpreloadする、など。パフォーマンス計測ツールでは「レンダリングを妨げるリソース」として指摘される。これを減らすのは最も効果の高い高速化策の一つだ。