2

パフォーマンス的にはどちらが優れていますか?

<a class="btn loginbtn" href="#">Login</a>​

.btn {
    background: #555 
}
.loginbtn {
    padding: 10px
}​

また

<a class="loginbtn" href="#">Login</a>​

.btn,.loginbtn {
    background: #555  
}
.loginbtn {
    padding: 10px     
}​

私のCSSはキャッシュされるので、2番目の方が良いと思っていました。

助けてください。

4

2 に答える 2

2

ファイル サイズの違いによって生じる平均パフォーマンスの違いは、TCP/IP パッケージをもう 1 つ取得するのにかかる時間に、その変更によって発生する可能性を掛けたものとして計算できます (つまり、パッケージ サイズを追加された文字数で割った値)。 ）。

のようなものが得られるかもしれませ10 ms * 1/1000ん10 µs。

これは非常に小さなパフォーマンスの違いであるため、同じことを何度も繰り返さなければ気が付きません。

したがって、より明確で維持しやすいものを使用する必要があります。

個人的には、最初のオプションを使用します。クラスが複数のルールに散らばっているよりも、クラス名からルールへのパスが 1 つある方が、要素に何が適用されているかを簡単に確認できます。

于 2012-10-29T00:05:25.210 に答える
0

2つの違いは非常にわずかです。コードの保守性とおそらく セレクターのパフォーマンスについてもっと心配します。

html から削られた個々のバイトの利点が重要なものになるという立場に本当にいる場合は、特に CSS クラスの名前変更をサポートするクロージャ スタイル シートを確認することをお勧めします。

于 2012-10-29T00:15:03.933 に答える