0

私は巨大なCSSスタイルシートのマイクロ最適化を検討しており、それに関連するいくつかの質問があります。

  1. ファイルサイズを小さくするには、小文字の方が大文字よりも優れていますか？
  2. background-position：right（5文字）; background-position：0 100％よりも小さい; （空白を含む6文字）？

ファイルサイズを減らすのに役立つ可能性のあるものは他にありますか？（もちろん、CSSセレクター、プロパティなどをマージする以外に、手動で行う必要があります）

ありがとう

4

3 に答える 3

2

そのようなことを心配するよりも、gzipで圧縮されたcssを提供する方がはるかに良いでしょう。

于 2009-10-12T06:40:21.703 に答える
1
  1. 大文字と小文字は関係ありません。バイト数に違いはありません。
  2. ブラウザによって異なります。

最初のステートメントは1バイト短くなっていますが、意味も異なります。

一般に、ファイルサイズは速度計算の唯一の要因ではありません。また、ブラウザがそれを解釈するのがどれほど難しいかにも依存します。したがって、過度に巧妙なCSS構造は、合計サイズから数バイトを絞り出す可能性がありますが、解析プロセス自体に時間がかかる可能性があります。

例に戻る：余分なスペースがあるだけでなく、値が2つのトークンで構成されており、背景の内部表現によっては、ブラウザーがいくつかの処理を行う必要があるため、2番目のステートメントが少し遅くなる可能性があります。単位変換。一方、そのキーワード検索ももう少し時間がかかる可能性があるため、特定のブラウザの実装に固有のものです。ほとんどの場合、ゲインはナノ秒の範囲にあり、この種の最適化を気にしないでください。ほとんどの場合、効果がありません。しかし、本当にこれを実行したい場合は、プロファイルを作成する必要があります。つまり、ロード時間を測定する必要があります。

一般に、すべてのコメントとすべての不要な空白を削除するだけで十分ですが、その「縮小された」ソースで開発作業を行うことは決してありません。元のファイルを保持し、必要に応じて圧縮バージョンを再作成します。

このトピックに関する詳細情報：www.minifycss.comおよびthis。

于 2009-10-12T06:32:58.380 に答える
0

これは多くの問題のように聞こえます。パフォーマンスを向上させようとしている場合は、他の場所で時間を費やすのが最適な場合があります。スティーブ・スーダースがハイパフォーマンスのウェブサイトで働いていることを知っていますか？http://stevesouders.com/hpws/

于 2009-10-12T07:23:38.043 に答える