2016-04-26 8 views
2

パフォーマンスを向上させるためにCSSを検証するためにいくつかのツールを使用しました。過剰な要素を削除するようフィードバックを受けました。過剰な要素を削除するとパフォーマンスが向上しますか?

それはありませんが、それは、セレクタのパフォーマンスを向上させることができますとして理にかなっているが、この1つはのように資格過剰見て驚きました。

「のdiv#コンテナは資格過剰である、ちょうど#containerを使用する」

これは本当に重要ですか?私は私のCSSにこのような出来事がたくさんあり、これがパフォーマンスを改善するために何か良いことができるのであれば、懐疑的であった。

+0

もちろん、1つはCSSファイルを小さくすることです。 –

+0

パフォーマンスに関する質問に対するデフォルトの回答は、「測定」です。実際に何かを得るよりも、理論について心配する時間を無駄にしています。 – BoltClock

+0

一般に、過認定セレクタがパフォーマンスの問題を少し疑わしいとする主張が見つかりました。しかし、 '#container'は一意でなければなりません。あなたは同じIDを共有する他のタグを持っていますか? "div"は完全に余分です。さらに、マークアップを 'div'から' span'などに変更するとどうなりますか? –

答えて

2

パフォーマンスメトリクスは複数ありますが、ネットワーク全体で3文字少なく送信することで、ネットワーク帯域幅とパフォーマンスのスピードが向上します。確かにごくわずかですが、すべてのセレクタで標準であれば追加できます。

関連する問題