いくつかのスタイル シートを使用して ASP.NET Web サイトを構築しています。
各スタイル シートは、異なるページに焦点を当てています。すべてのスタイルを 1 つにマージする方がパフォーマンス的に優れていますか、それともバンドルで解決できますか?
個人的には、いくつかのスタイル シートの方が使いやすいと思います。これは、使用可能なルールの概要をよりよく把握できるためです。
いくつかのスタイル シートを使用して ASP.NET Web サイトを構築しています。
各スタイル シートは、異なるページに焦点を当てています。すべてのスタイルを 1 つにマージする方がパフォーマンス的に優れていますか、それともバンドルで解決できますか?
個人的には、いくつかのスタイル シートの方が使いやすいと思います。これは、使用可能なルールの概要をよりよく把握できるためです。
あなたはバンドルについて言及したので、ASP.NET最適化に存在するバンドル機能について話していると思います。
もしそうなら、それがバンドルの要点です。開発では複数の個別のファイル/モジュールを操作し、本番ではそれらを単一のファイルにマージ/最小化します。
バンドルが適切に定義/分類されていることを確認してください。実際に重要なときに単一のファイルに結合されるため、「多すぎる」複数のファイルを使用することについて考える必要はありません。
代わりに、スタイルシートを単一のファイルにマージし、それに応じてブロックをコメントアウトすることをお勧めします。これは、ユーザーが新しいページをナビゲートするたびにスタイルシートが要求されるため、パフォーマンスが大幅に低下するためです。 http リクエストが増加しています。
また、コア スタイルの一部は、リセット、フォント サイズ、ファミリなどのようにすべてのページで繰り返されるため、各ページに 2 つ必要です。1 つは基本スタイルを処理し、もう 1 つはページごとに適用されます。 1。
特に私はこの慣習に従います..
/* Core Styles */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
/* Other stuffs */
}
/* Core Styles Ends */
/* Header Styles */
/* Header styles here */
/* Header Styles ends */
/* Home page styles starts */
/* Home page styles ends */
font color
このようにして、ページ全体でスタイルを使用することもできます。たとえば、スタイルなどfont size
、すべてのページでいくつかを繰り返す必要はありません。h1-h6