私はこのJoomlaを持っています！サイトと私は yoo テーマ テンプレートをセットアップしましたが、テンプレートに 30 個の外部 CSS ファイルと約 20 個のスクリプト ファイルがあるため、私のサイトは非常に遅くなります。
すべての JavaScript ファイルを componentScriptMergeで 1 つにまとめることができましたが、CSS の場合、すべての CSS ファイルを 1 つにまとめるとサイトがめちゃくちゃになるため、コンポーネントが正常に機能しません。
jch optimizerandのような他のコンポーネントも試しjbetoloましたが、成功しませんでした!
私のためにこの仕事をすることができるコンポーネントまたはプラグインを知っている人はいますか? または何か他のものかもしれませんが、 で結合するためのスクリプトも試しました.htaccessが、成功しませんでした。
@import url'file'各cssファイルを1つに含めてから、メインページに1つのファイルを含めることができます。
たとえば、私のサイトで
@import url("nav.css");
@import url("popup.css");
@import url("latestPosts.css");
@import url("home.css");
このコードはcommon.css、common.cssindex.php
ここを見てみたいかもしれません: http://www.w3.org/TR/CSS21/cascade.html#at-import
Factor CSSが役に立ちますか? 結合されたファイルを実行して、違いがあるかどうかを確認してください。ただし、スタイルシートがルールの順序に依存する場合、うまく機能しない可能性があるという免責事項を無視しないでください。これがCascading StyleSheetsの性質です。
About.comからのスタイルシートの引用
スタイルシートは、滝の上を流れる川のように、一連のスタイルをカスケードすることを目的としています。川の水は滝のすべての岩にぶつかりますが、水が流れる正確な場所に影響を与えるのは底の岩だけです。
スタイルシートを組み合わせるとサイトがめちゃくちゃになると言うとき。ファイルが追加される順序について考えてください。自動化されたスタイルシート結合スクリプトは、最終結果がどのように見えるかを知ることはできません。できることは、最終的にどのように見えるかではなく、事前に定義された一連の指示に基づいて、持っているものを取得して結合することだけです。 . そのため、入力が正しく、ファイルが正しい順序で結合されていることを確認してください。
これは、スタイルシートのカスケード順序と継承に関する興味深いリンクです。これは役立つかもしれません。
コーディングが好きなら...ここに解決策があります。
次のようなものでphpファイルを作成することにより、cssファイルを動的に1つにバンドルできます。
<?php
# File combcss.php
readfile("stylesheet1.css");
readfile("stylesheet2.css");
?>
次に、スタイルシートを次のように呼び出すことができます。
<link rel="stylesheet" type="text/css" href="/combcss.php" />