複数のCSS / JSファイルを組み合わせて縮小する
CSSファイルとJSファイルを統合して圧縮することにより、サイトのパフォーマンスを最適化しようとしています。私の質問は、私が直面している実際の状況(ただし、他の開発者の間でも典型的であるはずです)を前提として、これを達成するための(具体的な)ステップについての詳細です。 私のページは、次のようないくつかのCSSおよびJSファイルを参照しています。 <!-- It's easier to work on smaller files during development. Hence, the multiple CSS and JS files. --> <link type="text/css" rel="stylesheet" href="/css/main.css" /> <link type="text/css" rel="stylesheet" href="/css/secondary-1.css" /> <link type="text/css" rel="stylesheet" href="/css/secondary-2.css" /> <script type="text/javascript" src="/scripts/js/main.js"></script> <script type="text/javascript" src="/scripts/js/adapter/adapter.js"></script> <script type="text/javascript" src="/scripts/js/adapter/title-adapter.js"></script> 本番リリースでは、3つのCSSファイルを1つにまとめ、たとえばYUI Compressorを使用してそれを縮小します。しかし、その後、新しく縮小されたCSSを参照するために、これらの3つのファイルを必要とするすべてのページを更新する必要があります。これはエラーが発生しやすいようです(たとえば、多くのファイルでいくつかの行を削除して追加しています)。他にリスクの少ないアプローチはありますか?JSファイルと同じ問題。