2016-06-26 4 views
2

私はページのパフォーマンスに@importを使用することは一般的に推奨されないことを学んだ。私が@importをCSSファイルの一番下に置いて、ページロード時の要素ではなく、後のユーザーとのやりとりのための要素のスタイルを使用する場合、パフォーマンスのコストはまだかかりますか?たとえば、ユーザーが表示するためにクリックするポップアップのスタイル@import edを使用した場合、@importは依然として悪い選択ですか?@importをCSSの底に置く

+0

[CSS @importベストプラクティス]の可能な複製(http://stackoverflow.com/questions/6912899/css-import-best-practices) –

+0

推奨されるリンクは、スタイリングに@importを使用する際の私の質問には答えません後のユーザーのやりとりに使用される要素の数。 – sawa

答えて

0

はい。擬似クラスから別のCSSファイルをインポートすることは、「ユーザーのやりとり」の意味であると見なしますが、パフォーマンスにはまだ影響します。同じ結果を達成するための大幅に高速な方法は、JavaScriptイベントリスナーを介してプロパティ値を変更することです。

+0

ページロード時にCSSファイルのブロッキングダウンロードがない場合、パフォーマンスコストはなぜですか? – sawa

+0

@ narusawaブラウザがcssファイルをダウンロードするために要求する必要があるので、それを解析します。 JavaScriptを使用するとダウンロードする必要がなくなります。 – GingerDeadshot

0

<link>を適切に注文するのはなぜですか?

関連する問題