Drupal 7が<link>タグよりもCSS @importルールを好むのはなぜですか?


25

「使用しないでください@import」と多くの人が言います。

を使用することには多くの欠点があります@import

  • @importスタイルシート内で使用すると、ページのダウンロード時間全体にもう1つのラウンドトリップが追加されます。
  • @importIEで使用すると、ダウンロード順序が変更されます。これにより、スタイルシートのダウンロードに時間がかかり、レンダリングの進行が妨げられ、ページが遅く感じられます。

Drupal 7はなぜそれを使用するのですか?

@importルールを<link>タグに変更したい。これどうやってするの?


1
質問のために+1、私はちょうど同じことを尋ねたかったのですが、あなたのものを見つけました、ありがとう!
Sk8erPeter

回答:


22

@importを使用してcssファイルをインポートしないでください

@importは、非CSS集約モードでのみ使用されます。これは、IEの制限をタグの数で回避するために行われます。

これは、理由とそれを取り除く方法を説明する必要があります。本番サイトではCSS集約を使用し、@ importを使用しないでください。


1
+1、答えてくれてありがとう。したがって、これはIE CSS Optimizerモジュール(drupal.org/project/ie_css_optimizer)をDrupal 6で使用して、Internet Explorerが31を超えるリンクされたスタイルシートのロードを拒否する問題を修正するための回避策です。
Sk8erPeter

私はこれが数年後であることを知っており、ほとんどの正気な人はIEを使用していません。残念ながら、私はほとんどの健全な人々のために働きません。IE 8でrespond.jsを使用すると、@ importsを使用して動作しません。この落とし穴を見つけるのは難しいことがあります
DeveloperChris

私に関しては、IEタグの制限にぶつかったことはありません。だから、愚かな決断のように思えます。ほとんど発生しない問題のオーバーライド。CSSファイルが多数ある場合、それらの大部分をマージする方法を考える必要があります。ページの読み込みを高速化するため。
ランティエフ14年

-1、この回答は元の投稿の2つの質問には答えません。Drupalが@importを使用する理由と変更方法
コリン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.