5

HTML の独立した部分を独自のファイルに取り出し、PHPincludeキーワードを使用してそれらを含めるようにしています。

長さ約1500行のCSSファイルがあります。私が検討しているのは、対応する HTML ファイルに CSS を埋め込むことです。

もちろん、さまざまな HTML ブロックで使用されるコンポーネントを残します。

このようにして、PHPを使用してサーバーに含めるだけのモジュラーHTML/CSSブロックがありますinclude

これはベストプラクティスですか?はい/いいえ、なぜ

4

3 に答える 3

3

ブラウザは CSS ファイルをキャッシュします。このため、1 つの大きな CSS ファイルを読み込むことは大したことではありません。

非常に効率的にしたい場合は、css を異なるモジュールに分割できます。次に、どのモジュールが使用されているかをチェックし、必要な CSS のみを含む 1 つの CSS ファイル (縮小されたものも含む) を作成する「ビルド システム」を作成します。

于 2012-05-29T21:53:48.757 に答える
1

CSS を HTML ファイルに直接埋め込むことはしませんが、各ファイルに外部スタイルシートを用意します。JS を HTML から分離する必要があるのとほぼ同じ方法で、これにより CSS も分離されます。次に、CSS を含めるために必要なことは、

<link rel="stylesheet" href="path/to/style.css">

グローバルスタイルシートの下に置くものは次のとおりです。これにより、ページ固有の CSSがそのページのみに読み込まれるように制限されるため、決して使用しないスタイルを転送して帯域幅が浪費されることもありません。


ただし、include()ページに 15 個のファイルを追加する場合、CSS ファイルに対して 15 個のリクエストを行う必要はありません。この場合、それらをより大きなファイルにグループ化して、必要な要求の数を減らす必要があります。

于 2012-05-29T21:48:22.297 に答える
1

ここでは、何が最適かを確認するために考慮すべき点がいくつかあります。

  • サーバーは現在、可能な限り高速にするために、CSS ファイルの http-gzip バージョンを送信していますか?
  • CSS をどれだけ小さくできるかを確認するために CSS を縮小しましたか (YUI Compressor など、ファイルを縮小するツールがいくつかあります)。
  • CSS をスニペットとして送信すると、ブラウザがファイルをキャッシュできなくなります。それが価値があるかどうかを確認してください。これは、訪問者あたりの平均ページ数 (Google アナリティクスまたは別の統計ソフトウェアを調べると役立つ場合があります)、チャンクのサイズと CSS 全体のサイズなど、さまざまな変数によって異なります。
  • PHP を使用しないフラット ファイルとは対照的に、PHP を使用してチャンクを提供する場合、サーバーの計算オーバーヘッドが最小限になる場合とそうでない場合があります。それがあなたの状況に関連しているかどうかを確認してください。
  • メディア依存の CSS を提供していますか? その場合は、チャンクが必要な場合にのみ提供されるようにします (たとえば、モバイル デバイスはモバイル チャンクのみを必要とする場合があります)。
于 2012-05-29T21:53:49.173 に答える