5

通常、この形式を使用してコードのセクションを壊しているため、未使用の CSS スタイルが読み込み時間に影響するかどうか疑問に思っています

/*===================
      Nav-Styles
===================*/

ただし、コードを記述する際にも coda を使用しています。ID の後に {} が続くコード ナビゲーターを検出します。

私のコード編成に役立つかもしれないと思ったのは、この形式のブレークを作成することです

/*==========================================
  #----NAV-STYLES-BEGIN {} /* Nav Styles */ 
==========================================*/

これは、セクション区切りがコード ナビゲーターに表示され、すばやくジャンプできることを意味します。ただし、これが速度に関連する問題を引き起こす場合は、手段が目的を上回ります。

これは悪い考えですか、それとも違いがそれほど重要ではないので、必要に応じて実行する価値がありますか?

4

3 に答える 3

6

ここでの答えは正しくありません。

未使用の CSS は次の 2 つのことを行います。

  1. エンジンがページのレンダリングを開始する前にダウンロードする必要があるバイトを追加します
  2. ブラウザー エンジンは、各 css セレクターを通過して、それがページ上にあるかどうか、およびどのようにレンダリングするかを評価する必要があります。

2番目の部分は重要です。CSS ファイルの 50% が未使用の CSS である場合、基本的に、ブラウザー エンジンがページの CSS をレンダリングするのに 2 倍の時間がかかります。もちろん、使用している CSS セレクターのタイプも重要であるため、2 倍の長さは完全な真実というよりも簡単な例です。ただし、CSS を使用しないと、ファイルがローカル ドライブにキャッシュされている場合でも、ブラウザーのページの読み込み時間が長くなります。

于 2013-09-16T15:36:51.463 に答える
4

ネットワーク経由でクライアントに渡される未使用の CSS または JS は、少なくともサイトのパフォーマンスに多少の悪影響を及ぼします。未使用の CSS によってページのサイズが大きくなるため、ページのダウンロードにかかる時間が長くなります。いくつかの文字がダウンロード時間に大きな影響を与えることはありませんが、未使用のスタイルが大量にある場合は、影響がある可能性があります。これが、多くの人が CSS と JS を圧縮する理由です。

于 2013-03-08T11:23:46.817 に答える
1

これによる影響は目立たなくなり、せいぜい無視できる程度と言えます。とにかく、ビルド スクリプトを使用してすべてのコメントを削除し、CSS を縮小することができます。これにより、読み込み時間がわずかに改善されます。

簡単に言えば、最も開発しやすいものを選びましょう。生産については後で心配することができます。

追加するか迷っています

于 2013-03-08T11:28:57.577 に答える