1

現在、私の CSS ファイルは次のようになっています。

CSS ファイル

次に、次のようなphpスニペットがあります。

<?php $Compress->folder(Configuration::get('Public').'/style/',
                        '.css',
                        Configuration::get('Public').'/style.css'); ?>

これにより、ディレクトリに格納されているすべての css ファイルが最小化されpublic_html/style/(図に示されています)、/public_html/style.css というディレクトリにファイルが作成されます。開発中ですが、常に必要な場合にのみ実行されます。

次に、大きなファイルを含めるだけです: <link rel="stylesheet" href="http://newfutureuniversity.org/style.css" type="text/css" media="screen" >.

私はphp開発に集中していましたが、現在は実際にサイトのデザインを開発し始めており、最適化したいと考えています。私が理解している限りでは、ユーザーがダウンロードしなければならないファイルが少ないほど、ファイルが小さいほど優れています (したがって、私の結合と最小化のクラス)。ただし、ページ固有の CSS ファイルがほとんどない場合、別の問題が生じます。メイン ページでフォーム CSS ファイルを読み込む必要があるのはなぜですか? または、メインページのフォームですか？私の知る限り、主なオプションは 3 つあります。

1. 最初にすべてをダウンロードします。

ユーザーが初めてサイトにアクセスすると、最小化された css ファイル全体がダウンロードされます。最初は遅くなりますが、2 回目以降はずっと速くなります。また、構成がはるかに簡単です。

2. 最初に共通コードをダウンロードし、次にページ固有のコードをダウンロードします。

すべての訪問の速度は中程度です。最初のものは少し遅く、次のものは少し速くなりますが、それでも最高ではありません. 初めてのユーザーは 2 つのファイルをダウンロードし、共通のファイルは次回のアクセスのためにキャッシュされます。

3. すべてのページに異なる CSS ファイルがあります。

各ページの CSS は、必要な CSS にページ固有の CSS を加えたものであるため、キャッシュに保存することはできません。2.の最初よりは速いが、後で遅くなる。

ユーザーがアクセスするページの数とページ固有のコードの量に帰着すると推測しています。平均的なユーザーが 1 ページまたは 2 ページにアクセスする場合、2 番目または 3 番目のオプションが必要になります。ただし、ユーザーがサイトの 20 ページまたは 30 ページにアクセスする場合は、最初のオプションが必要です。

では、サーバーの負荷とユーザーの待ち時間の両方に適した方法とその理由は何ですか? 私が取り組んでいるページは、モバイル アクセスとリモート ロケーション アクセスが予想されるため、小さくする必要があります。

4

2 に答える 2

3

個人的には、1 つの大きな CSS ファイルをダウンロードする方が、複数の HTTP リクエストが発生するよりも好ましいと言えます。特に、ドメインごとに 2 つの同時 HTTP リクエストしか許可されないブラウザーを介して Web ページを表示している場合はなおさらです。さらに、スタイル シートは後続の要求のためにキャッシュされます。

于 2013-01-25T23:47:19.150 に答える
0

I guess the Download everything the first time, my arguments:

  • Even a big (>50KB) CSS file won't hurt your browser, with proper minification and compression it can be reduced to ~15KB or less
  • You/we are probably already including bigger files (jQuery unminified uncompressed :~70KB) and you/we don't complain
于 2013-01-25T23:54:38.360 に答える