cssファイルを管理するにはどうすればよいですか？

Question

パフォーマンスに関する質問。

私は現在、（非圧縮の）異なるCSSファイルを持つWebプロジェクトを持っています。すべてのページに必要なファイルが含まれています。

私はすべてのスタイル定義を1つのファイルに入れて圧縮し、ヘッダーの中央に置くことを考えています。

パフォーマンスを向上させるにはどうすればよいですか？ 1つのファイルを圧縮する（すべてのページがすべてのスタイルを読み込む）、またはファイルを分割して必要なファイルのみを読み込む

Answer 1

は、より多くのリクエストを行うには、ブラウザが必要になります - 長い目で見れば、これはあなたがすべてのページに再利用される1つのスタイルシートを置く場合よりもおそらく遅いです。ブラウザにスタイルシートがあれば、それはブラウザキャッシュに保存されます。最初のページ以降のすべてのページについて、ブラウザはスタイルシートをダウンロードする必要はありません。最終的には、これはユーザーエクスペリエンスが向上すると思います。

希望すると便利です。

Answer 2

我々は通常、開発中の分離、当社のCSSファイルのすべてを保つことが展開するとなると、それから、我々は単一のファイルにそれらを一緒にパックして、クライアントに圧縮し、それらを送信するために、サーバー上でgzip圧縮を使用します。ファイルを分割

Answer 3

1つの圧縮ファイルがおそらく最も高速になります。あなたはHTTPリクエストを削減したいと思う。また、すべての背景イメージを1つのファイルに入れてCSSスプライトを使用してみてください。

Answer 4

それは、ユーザーが、おそらくすべてのCSSが最速になりますプリロードし、サイト上のすべてのページを使用しているイントラネットのウェブサイトであるかどうかは

• 、ウェブサイトの種類によって異なります。
• インターネットウェブサイトの場合、ほとんどのユーザーが数回クリックすると消えてしまい、ページあたりのCSSファイルが小さくなります。

詳細はYSlowとGoogle Page Speedをご覧ください。

Answer 5

私たちは圧縮されていない別のファイル内の公開スタイルシートで作業している環境で働いている、と彼らは自動的にマージし、単一のファイルに圧縮しています。それが圧縮されていますと、それは明らかに速く少ないサイズとロードだが、そこにスタイルシートをフェッチするときにのみ、サーバーへの1つの接続になります（各CSSファイルは1つの接続が必要）し、それが中にキャッシュされたままになるので、それが唯一のファイルだとき、それはさらに良いですユーザーのブラウザ