好奇心旺盛ですが、このトピックに関する特定のものを実際に見つけることができませんでしたが、10〜20個のcssファイルをページに個別にリンクするのではなく、フォルダーをリンクでき、そのフォルダーにあるすべてのcssファイルを網羅することは受け入れられますか?ページのコード量を削減しようとしています。
5 に答える
CSS ファイルを結合します。ディレクトリ全体に広くリンクすることは、実際には実現可能ではありません。
残念ながら、マークアップでフォルダー参照を使用することはできませんが、LESS、SASS などの CSS プリプロセッサーを使用すると、ファイルをまとめてコンパイルすることで、あまりにも多くのファイルをロードする必要がなくなります。
これらをチェックしてください:
そして本当の素晴らしさ:
Scout など、セットアップが非常に簡単なツールもあります。
@import を使用して、すべての CSS ファイルのリストを持つ単一の CSS にリンクします。
ただし、これはパフォーマンスの観点からは良くありません。
http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
(を使用して) 他のすべてをインポートする単一の css ドキュメントを作成できるため@import url("import1.css");
、ベース css ドキュメントのみを呼び出すことができます。
それらを結合し、YUI コンプレッサーhttp://developer.yahoo.com/yui/compressor/のようなもので縮小します。ただし、CSS を頻繁に変更する場合は面倒です。
または、.NET 環境にいる場合は、Microsoft.Web.Optimization を使用して、js および css のフォルダー全体を自動バンドルおよび縮小できます。
ページのコード量の問題ではなく、HTTP リクエストの量の問題です。