3

それぞれを個別に呼び出すのではなく、複数の外部 css ファイルを一度に呼び出す方法を考えていました。リクエスト番号を回避し、複数の外部 css ファイルごとに 1 つに最小化するために、これを行いたいと考えています。

以下疲れましたが、うまくいきませんでした!!

<link rel="stylesheet" href=" http://statics.mydomain.co/style.css,functionstyle.css,widgets.css,edges.css,options.css,tags.css" type="text/css">

それよりずっと簡単だと思いました!!

ここで何が欠けているかわかりません!!!

4

5 に答える 5

2

あなたがしていることをするためには、結合するある種のサーバー側スクリプトが必要になります。

または、手動ですべてを結合するか、gruntなどを使用してすべてを結合します。

于 2013-07-02T18:20:31.983 に答える
2

2 つのオプション。

1.Css@import

@import url(stylesheet.css);

ドキュメントを参照してください。

注!: ブラウザは実際にここで複数の呼び出しを行います。HTML から隠されているだけです。

2.PHP

minifyを使用して、CSS/JS ファイルを縮小、キャッシュ、および結合します。

ここに縮小チュートリアルがあります

その他の圧縮ツールのリストを次に示します。

于 2013-07-02T18:22:07.790 に答える
1

すべての CSS ルールを整理し、本番環境に入る準備ができたら、すべての CSS ファイルを 1 つのファイルに結合してから縮小する必要があります。

その後、ページから 1 つのファイルにリンクできます。

まず、前の質問を読んでください。いくつかの役立つ参考文献があります。

CSS ミニファイアの推奨事項はありますか?

于 2013-07-02T18:21:54.253 に答える
1

@import「マスター」css 内のステートメントを使用して、一度に複数のファイルを含めることができます。HTML で 1 つのマスター ファイルにリンクするだけです。

ただし、これによりリクエストが制限されることはありません。それらが別々のファイルである限り、別々の要求を行う必要があります。

実際のパフォーマンスを向上させるには、ファイルを 1 つの大きなファイルにマージする必要があります。そこにはいくつかの良いツールがあります。私はLESSを好みます。これは、より多くのことを行うプリコンパイラですが、複数のファイルを 1 つの (縮小された) マスター CSS にマージすることもできます。

于 2013-07-02T18:22:04.790 に答える
1

HTML コードを 1 行だけに最小限に抑えることができたとしても、クライアントはそれらすべてを個別にロードする必要があります。これは、それらがサーバー上の異なるファイルにあるためです。

スタイルを 1 つのファイルに結合したい場合は、手動またはサーバー側で行ってください。

さらに、オンライン ツールを使用して CSS を縮小し、ファイルのサイズを小さくすることもできます。

于 2013-07-02T18:22:51.753 に答える