[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか

外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">

[Kmusiclife]

コリスはいつもはっきりしない。

[sometk]

こちらも@importの問題点。他人の作ったHTML/CSSだと@importを使われているとわかりにくいという別問題もある。

[mathemathiko]

「linkはIEでも平行して読み込まれるとあるのですが、当環境（IE7)では連続して読み込まれてしまいました。」あれ…

[yukiasiam]

css

[ray0mg]

読み込み速度

[yamadar]

@import とかのパフォーマンスチューニング

[sayaemon]

linkでやれという話。

[Chisei]

結論は何だろう？と思ってはてブコメント欄を読んだがみんな自分と同じ意見だった

[hisasann]

link、@importをIEとFirefoxで実験した結果→IE7ではlinkにしても連続になってしまうとか

[dyamashiro]

結局どっち　IEがだめなのか

[GSOHB7]

@importのパフォーマンスが悪いとのこと。では結局どうしたらいいのでしょうか？

[ysk_lucky-star]

パフォーマンスに影響を与えるほどの CSS を書かないのがいいのでは？　つーかんな数百 kb も書かないっしょ

[kattton]

つまり？

[mxg]

use link, not import

[tyru]

あと@importは古いブラウザだとサポートされてない...とか聞いたことある

[hiro-rock]

CSSファイル読み込み方法のlinkとimportでは挙動が違うという話

[pitworks]

IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください

[shadow-dragon]

これは参考になる。IE向けには全部linkで読む込むっと。他のブラウザはどうなのか。と、試さない俺。

[muchonov]

えっ、つまり、構造化でよくあるbase.cssとかに子CSSの@import呼び出しを固めちゃうのはバッドメソッドってこと！？　うぇ〜

[publichtml]

@importは使用するな。IEでは@importされたファイルが読み込まれるまで、他のファイルの読み込みを始めないから。

[kiyoshi1211]

わかりました。

[tacshiss]

linkのほうがいいらしい

[varian02]

“外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもの”

[silverscythe]

要約するといつも通りIE氏ね、と。

[paranod]

外部スタイルシートの指定は@importとlinkでどちらがいいか

[Rewish]

1ファイルをlinkで読めばOK

[tsutomura]

高速化

[tricot1]

linkが良いらしい

[youranus]

うーん、そうなのか。LINK with @importを使ってるけれども。

[shigechi-64]

要するにlinkでやれってこと？