私はページのパフォーマンスに@import
を使用することは一般的に推奨されないことを学んだ。私が@import
をCSSファイルの一番下に置いて、ページロード時の要素ではなく、後のユーザーとのやりとりのための要素のスタイルを使用する場合、パフォーマンスのコストはまだかかりますか?たとえば、ユーザーが表示するためにクリックするポップアップのスタイル@import
edを使用した場合、@import
は依然として悪い選択ですか?@importをCSSの底に置く
2
A
答えて
0
はい。擬似クラスから別のCSSファイルをインポートすることは、「ユーザーのやりとり」の意味であると見なしますが、パフォーマンスにはまだ影響します。同じ結果を達成するための大幅に高速な方法は、JavaScriptイベントリスナーを介してプロパティ値を変更することです。
+0
ページロード時にCSSファイルのブロッキングダウンロードがない場合、パフォーマンスコストはなぜですか? – sawa
+0
@ narusawaブラウザがcssファイルをダウンロードするために要求する必要があるので、それを解析します。 JavaScriptを使用するとダウンロードする必要がなくなります。 – GingerDeadshot
0
<link>
を適切に注文するのはなぜですか?
関連する問題
- 1. CSSボタンアライメントの底面
- 2. Cssアイコンの底を取る
- 3. about @import about css
- 4. CSS @importステートメント
- 5. CSS @importベストプラクティス
- 6. Liferay CSS @import Issue
- 7. リストの底に利用できない製品を置く
- 8. ボディの高さとフッターが底にくっつくCSSの問題
- 9. 一気-SASS @importのCSSファイル
- 10. CSSの前に要素を置く
- 11. なぜSASS @importは、CSS @importに移動しますか?
- 12. Css:フッターが底にならない?
- 13. ファンデーションオフキャンバスのスティッキーメニューバーが底にくっつく
- 14. CakePHP2.0にApp :: Importを配置する
- 15. codeigneter:img、css、scriptをどこに置くか
- 16. タグcss中y軸にテキストを置く
- 17. CSSが正しく、オブジェクトの位置に
- 18. ブートストラップフッタ要素の位置の底面
- 19. CSSの@importとリンクの違い
- 20. buddypressのCSSファイルを置く場所
- 21. Blueprintjs cssをBootstrap CSSに置き換えてください。
- 22. @import font VS外部CSSのHTMLリンク
- 23. vimスプリットバッファーを開き、底部に開く
- 24. Visual C++での#importの置換
- 25. 別のセレクタのCSSセレクタスタイルをインポートしますか? (@importではなく)
- 26. どのようにCSSの別のページにURLを置く
- 27. Webpack、CSS:画像を置く場所は?
- 28. どのようにすべてのPHPページにCSSを置く?
- 29. フッターが底にくっつくのを拒否する
- 30. CSSを使ってウェブサイトのコンテンツを別の場所に置く(
[CSS @importベストプラクティス]の可能な複製(http://stackoverflow.com/questions/6912899/css-import-best-practices) –
推奨されるリンクは、スタイリングに@importを使用する際の私の質問には答えません後のユーザーのやりとりに使用される要素の数。 – sawa