私はちょうど場合は、ブラウザの負荷を知りたい、またはこれらの外部CSSファイルをスキップし必須ではない場合、ブラウザはメディアスタイルシートのファイルをロードしますか？
<link rel="stylesheet" media="screen and (max-device-width: 800px)" href="example.css" />
画面以上800ピクセル幅であれば、それはファイルをロードする場合、それを避けるために私は何ができるのでしょうか？私はブラウザがユーザが必要としないファイルをロードすることを望まない。
ブラウザはすべて指定された
<link>を読み込みます。
これはサーバー側で行われますが、適切なコンテンツのレンダリングはクライアント側で行われます。
ブラウザのデベロッパーツールF12にあるものをexactleyで見ることができます。
複数の大きなスタイルシートの読み込みが心配な場合は、いくつかのオプションがあります。
単一の共有スタイルシートで、あなたのスタイルの大部分を入れて、その後、ちょうど2つの間にそれほどの変化があってはならないように、異なるサイズのスクリーン用の小さなものを持っています。
ページが読み込まれると、JavaScriptを使用して適切なスタイルを動的に読み込みます。正確にはそれを行う方法についてはthis linkを参照してください - それは簡単です。参考のため
、この記事では、およそDifferent Stylesheets for different devicesブラウザがそれをロード
CSSのトリックに読む価値あり – Lissy