ウェブページのパフォーマンスを最適化するCSS

Question

私のすべてのページは同じCSSファイル（style.css）を共有しています。

私のホームページのスピードを上げるために、ホームページに適用されるスタイルを使用して新しいCSSファイルを作成する予定です（これにより、style.cssファイルのサイズが大幅に縮小されます）。

ただし、一部のスタイルは、home.cssとstyle.cssに複製されます。メンテナンスオーバーヘッドとは別に、他にも欠点はありますか？

多くのおかげで、

Answer 1

なぜあなただ​​けのすべての重複したスタイルを含む第三CSS、「shared.css」を、作成されていないのですか？また

、あなたはこれは完全に罰金です

Answer 2

を必要とする部分だけで、2つの独立したスタイルシートをコンパイルするLESSやSASSのようなものを使用することができます！一般的に、私がコードするとき、私は2-3の異なるCSSファイルを持っています。主なものはフレームワーク（framework.css）、ウェブサイト（style.css）の一般的なレイアウトを扱うもの、個々のページの1つ（page.css）です。今では、複数のCSSファイルを持つこと、そしていくつかのオーバーラップさえも完全にうまくいきます。余分な時間は名目上のものになります。