ブラウザがCSSの解析を完了するまで、画面にはピクセル単位の何も表示されません。最初の文字も、背景色も、何も表示されません。

これは、接続速度が遅い場合の特殊なケースでも、ページ構造の欠陥でもありません。仕様に正しく準拠しているすべてのブラウザ、すべてのデバイスで、すべてのページ読み込み時に発生します。

中心となる事実は正確に理解しておく必要がある。なぜなら、ほとんどの説明が少し間違っているからだ。CSS は、クリティカル レンダリング パスでペイントをブロックし、それを回避できない唯一のリソースである。JavaScript もデフォルトではブロックするが、asyncまたはを渡しdeferて、ブロック パスから完全に削除することができる。スタイル シートには同等の属性はない。は、迂回するようにルーティングしない限り、常にブロックする。