ホームページ > ウェブフロントエンド > CSSチュートリアル > @import を使用して CSS を導入することが推奨されないのはなぜですか?

@import を使用して CSS を導入することが推奨されないのはなぜですか?

王林
リリース: 2020-06-13 16:14:56
転載
2846 人が閲覧しました

@import を使用して CSS を導入することが推奨されないのはなぜですか?

次の 2 つの理由により、@import の使用はお勧めできません:

理由 1. @import を使用して CSS を導入すると、ブラウザの並列ダウンロードに影響します。

@import を使用して参照される CSS ファイルは、その CSS ファイルを参照する CSS ファイルがダウンロードされて解析された後でのみ、ダウンロードする必要がある別の CSS があることを認識します。ダウンロード レンダーツリーの解析や構築などの一連の操作を開始します。その結果、ブラウザは必要なスタイル ファイルを並行してダウンロードできなくなります。

理由 2: 複数の @import により、ダウンロードの順序が乱れます。

IE では、@import によりリソース ファイルのダウンロード順序が乱れます。つまり、@import の後ろにリストされている js ファイルが @import より前にダウンロードされ、@import 自体が中断されたり、破壊されたりすることがあります。 . 並行ダウンロード。

リンクタグを使用してCSSを導入できます。

推奨チュートリアル: css クイック スタート

以上が@import を使用して CSS を導入することが推奨されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.im
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート