css - 過度に修飾された要素を削除すると、本当にパフォーマンスが向上しますか?

Question

いくつかのツールを使用して css を検証し、パフォーマンスを改善したところ、過度に修飾された要素を削除するよう求めるフィードバックがありました。

セレクターのパフォーマンスを向上させることができるので理にかなっていますが、これが過剰に修飾されているのを見て驚いた:

「div#container は過剰に修飾されています。#container を使用してください」

これは本当に問題ですか？私のCSSにはそのようなことがたくさんあり、これがパフォーマンスの向上に役立つかどうか懐疑的でした.

Answer 1

考慮すべきパフォーマンス メトリックは複数ありますが、ネットワーク経由で送信する文字が 3 つ少なくなるため、少なくともネットワーク帯域幅と速度のパフォーマンスが向上します。確かにごくわずかですが、すべてのセレクターで標準の場合は加算される可能性があります。