リソースとして扱われます。構築が完了するまで、処理済みコンテンツのレンダリングを保留します。サイズを削減して、できるだけ早く配信されるようにし、メディアタイプやメディアクエリを利用してレンダリングのブロックを解除してください。両方が必要であるということを説明しました。このことは、パフォーマンス上重要な意味を持ちます。ついては理解できます。必要である理由はわかりにくいかもしれません。よるレンダリングのブロックを回避して、一般的なページをレンダリングするとどうなるでしょうか。リソースとして扱われます。ブロックとして指定することができます。リソースであるかにかかわらず、すべてブラウザでダウンロードされます。ウェブサイトを表示しています。準備が整うまでレンダリングがブロックされる理由がわかります。ない場合、ページは実質的に利用不可能です。Content)」と呼ばれます。両方が揃うまでレンダリングをブロックします。できるだけ早くクライアントに配信して、最初のレンダリングまでの時間を最適化する必要があります。スタイルがある場合はどうなるでしょうか。このようなリソースでは、レンダリングをブロックする必要がないということは耳よりな情報でしょう。「メディアタイプ」および「メディアクエリ」を使用すると、次のようなユースケースに対応できます。個以上の式(式は特定のメディア機能の条件をチェック)で構成されます。番目のスタイルシートの宣言は、メディアタイプやメディアクエリを指定していないため、あらゆるケースに適用されます。番目のスタイルシートは、コンテンツが印刷される場合にのみ適用されます。レイアウトやフォントを変更したい、といった理由が考えられます。このスタイルシートは、最初の読み込まれても、ページのレンダリングをブロックする必要はありません。最後のスタイルシートの宣言は、ブラウザによって実行される「メディアクエリ」を規定しています。条件が一致すると、ブラウザは、スタイルシートのダウンロードと処理が完了するまで、レンダリングをブロックします。メディアクエリを利用することで、表示用と印刷用など、具体的なユースケースに合わせて体裁を調整でき、画面方向の変化やサイズ変更イベントなど、動的な条件に合わせて調整を行うこともできます。アセットを宣言する際は、メディアタイプとメディアクエリに十分注意してください。パスのパフォーマンスに大きな影響を与えます。実践的なサンプルで考察してみましょう。ブロックであり、すべての条件と一致します。「all」はデフォルトのタイプであり、タイプを指定しなかった場合、暗黙で「all」に設定されます。目の宣言は、実のところ同等です。目の宣言には、ページの読み込み時に評価される動的メディアクエリが含まれています。ブロックになるかどうかが決まります。最後の宣言は、ページが印刷される際にのみ適用されます。ブロックにはなりません。ブロック」とは、ブラウザが、該当するリソースでページの初回レンダリングを保留する必要があるか否かということだけを指しています。アセットもブラウザによってダウンロードされます。