html - どのCSSが速いですか？キャップサイズは速度を向上させますか？

Question

3つのコード16進コードのショートカットはありますか？たとえば、黒は2つの方法で記述できます

.black{color:#000}
.black{color:#000000}

#DBDBDBこれを短く書くことはできますか？#DBD動作しないように。

また、何が高速であるかは重要ですが、大文字と小文字を区別する形式でFirebugが色やその他の変数を吐き出していることに気付きました。それは重要ですか？ブラウザとユーザーがより速くロードしてレンダリングできるように、すべてを小文字にする方が速いですか？

.webform{color:#dbdbdb}
.WebForm{color:#DBDBDB}

score 9 · Accepted Answer

#DBDBDBこれを短く書くことはできますか? #DBD が機能しないため。

いいえ。6 16 進数のカラーコードよりも短いのは、3 16 進数のコード (XXYYZZ 色でのみ機能) と (一部の) 名前付きの色 (#DBDBDB に一致するものはありません) だけです。

また、どちらが速いですか

マイクロ最適化を停止します。違いがあったとしても、それは重大なものではなく、おそらくブラウザーごとに異なるでしょう。

score 4 · Accepted Answer

簡単な答えは、知覚できるほどの違いはないということです。これは、最適化を考えすぎた典型的なケースです。

score 2 · Accepted Answer

黒を指定するには、実際には多くの方法があります。

.black{color:#000} 
.black{color:#000000}
.black{color:black;}
.black{color:rgb(255,0,0);}

どのブラウザでも精度に測定可能な速度の違いがあったとしたら、私は非常に驚かれることでしょう.

#DBDBDBこれ以上コンパクトに書くことはできませんrgb(219,219,219)。短い表記法では、あなたが来ることができる最も近い#DDDものはと同等rgb(221,221,221)です.

score 0 · Accepted Answer

3 文字の略語では、各文字が重複しているため、に#DBDなり#DDBBDDます。のようなコードを短縮することはできません#DBDBDB。

大文字と小文字のパフォーマンスの違いはありません。

score 0 · Accepted Answer

0

#DBDBDB短く書くことはできません。

速度に違いはありません。

于 2012-05-23T08:17:32.353 に答える

score 0 · Accepted Answer

小文字と大文字はパフォーマンスに違いはありませんが、簡略化された 16 進数の色を使用すると、css ファイルのサイズがわずかに縮小される可能性があることに注意してください。これにより、多かれ少なかれ帯域幅を節約できます。

6 に答える 6