私は現在、プロの Web サイトを開発しており、約 4 ページで約 750 行の CSS に達しており、その大部分はホームページに含まれています。別の行に中括弧があります。やり直せば少しは減るかもしれません。
しかし、私はちょうど疑問に思っていました.cssが多すぎるとあなたは何を考えますか?
よろしく、
質問する
10412 次
5 に答える
6
特に制限はないと思います。必要なコードを記述し、完了したら最適化を試みてください。
于 2012-08-29T08:45:33.813 に答える
5
これに関する落とし穴 (OP とは直接関係ありませんが、ここに来る可能性のある他の人のために) ...
IE9 以下は、CSS ファイルの最初の 4096 セレクターのみを認識します。それ以降は黙って無視されます。
于 2014-01-29T14:24:58.860 に答える
3
ホームページに、役割や外観が異なる何十ものネストされたコンポーネントがないと仮定すると、おそらく CSS が少し賢くないでしょう。ここで気になる点が 2 つあります。
帯域幅: CSS ファイルのサイズが 50KB 程度を超える場合、接続速度/帯域幅が低い一部のクライアントでは、顕著な遅延が発生する可能性があります。
レンダリング: CSS ファイルが複雑すぎて、レンダリング中にクライアントのレイアウト/レンダリング エンジンに余分な労力を強いる可能性があります。
どちらの問題も、Web サイトの時間効率を低下させます。何をすべきか？
CSS ファイルを最適化する方法の最も簡単な例は、1 つのクラスの多くの要素に使用するルールを収集することです。CSS ファイルのサイズを小さくするのに役立つヒントは他にもたくさんあります。他の回答は、役立つヒントを含むいくつかの記事へのリンクをすでに提供していますが、プロセスを自動化するプログラムを試してみたい場合は、CSS Tidy (およびCSS Tidy に基づくオンライン ツール) をご覧ください。
それが役に立ったことを願っています！
于 2012-08-29T08:52:01.977 に答える
3
CSS ファイルのサイズは? 確かに、CSS を解釈する際にブラウザが負荷の点で動作しなければならないことを心配する必要があります..効率的ですか?
サイズをできるだけ小さく保つことは当然ですが、考慮すべき要素がかなりあります。時間を節約するために、完了したらいつでも gzip 圧縮を縮小できます。テストツールを見てみましょうhttp://tools.pingdom.com/
これに関しては記事がたくさんあるので個人的な意見は割愛しますのでそちらをご覧ください。
于 2012-08-29T08:47:57.400 に答える
2
それはあなたのウェブサイトが何をすべきかによって異なります。小さなブログで、たとえば 3000 行の CSS が必要な場合、それはおそらく多すぎます。複数のセクションがあり、レイアウトが複雑なオンライン ストアの場合、十分ではない可能性があります。それはあなたのニーズに依存します。
于 2012-08-29T08:51:38.273 に答える