4.CSS セレクターは短く最適化せよ! CSSはシンプルに、短く書くことがもっとも大切だ。いくつかのポイントがあるのでぜひとも押えて欲しい。基本は、「ブラウザーはCSSを適用するときマッチング作業をしている」「マッチングの母体が大きくなればなるほど、効率は悪くなる」ということだ。 ■ユニバーサルセレクター『*』は避ける ユニバーサルセレクター(全称セレクター)はその名のとおり“ユニバーサル”(すべて)であり、マッチングに相当の時間がかかる。つまり、 *{ margin: 0; padding: 0; } というCSSリセットはレンダリングを遅くしてしまうため、なるべく使うべきではない。 ■id名にタグやclassを付け加えるな idはもともとユニークなもの。タグやclassを付け加える必要はない。余計なものを付ければレンダリングは遅くなる。 ●悪い例: ul#global-nav ●良い
![30分でできる!Webサイトを高速化する6大原則 (3/4)](https://cdn-ak-scissors.b.st-hatena.com/image/square/78e0512a72e1b764b5466d2af5f7a77aa2b29225/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F09%2F09%2F1571805%2Fl%2Fa4b8ad2e667e7ab6.jpg)