0

最近の Web ベースのプロジェクトでは、かなりの数の css ファイル(合計で最大 40 KB) を作成する必要がありました。現在@import()、最初のページの css ファイルで を使用しています。お気に入り：

@import url("reset.css");
@import url("input.css");
@import url("img.css");
@import url("menu.css");
@import url("home.css");
@import url("about.css");
@import url("detail.css");
@import url("contact.css");
@import url("solutions.css");
@import url("notices.css");
@import url("general.css");

現在、非常に遅いインターネット接続(4 ~ 5 KBPS) からこれを使用しているかなりの数のユーザーがいます。では、使った方が良いでしょう<link rel="stylesheet" type="text/css" href="cssFile.css">か？しかし、私の PHP コーディングによると、@import少なくとも最初の 4 つのファイルが必要です。より良い解決策を期待しています。

これに関連するもう 1 つの質問ですが、ブラウザは css ファイルを常にキャッシュしていますか? その場合、すべての css ファイルが初めてロードされ、ユーザーがサイトに初めてログインした後は問題が発生しません。その場合、私は正しい方法を考えていますか？

4

1 に答える 1

1

速度を最適化するには、次のことを試してください。

  • CSSファイルはできるだけ少なくする
  • 各ページに必要な CSS のみを読み込む
  • 別のページで CSS ファイルを再利用する

これらの目標は部分的に矛盾します。通常、特定のページで使用されていない CSS がいくつかありますが、ファイル数が少なくなり、ファイルを再利用できるため、問題ありません。

「ブラウザは css ファイルを常にキャッシュしていますか?」

はい、通常はそうです。ブラウザーに新しいバージョンの CSS ファイルをダウンロードさせることは、実際の問題です。

于 2013-08-24T15:19:21.690 に答える