すべてのページに数行のスタイルがあります。他のページのスタイルに影響を与える可能性があるため、それらを 1 つの css ファイルに入れないようにします。
スタイルを css ファイルに入れる必要があるのか、それとも大丈夫なのか
<style>...</style>
すべてのページに?
速度に関してスタイルを 1 ページに配置する利点は何ですか? ページの読み込みを高速化しますか?
すべてのページに数行のスタイルがあります。他のページのスタイルに影響を与える可能性があるため、それらを 1 つの css ファイルに入れないようにします。
スタイルを css ファイルに入れる必要があるのか、それとも大丈夫なのか
<style>...</style>
すべてのページに?
速度に関してスタイルを 1 ページに配置する利点は何ですか? ページの読み込みを高速化しますか?
基本的には妥協案です。マーティ ウォレスとマーク B が述べたように。
したがって、速度の側面は、どちらも有効であるため、選択したオプションの結果です。次の 2 つの要因を覚えておいてください。
<style>
と、ページが読み込まれるたびに CSS が読み込まれます。したがって、このセクションにある CSS ルールが多いほど、ファイルが大きくなり、読み込み時間が長くなり、速度が遅くなります。<link>
、ページをロードするたびにそのファイルも要求されます。そのため、絶対値は大きく異なる場合がありますが、ロード時間との関係は多かれ少なかれ同じです。また、ほとんどのブラウザーには、CSS の使用を最適化するためのキャッシュ メカニズムがあることにも注意してください。あなたもそれを利用できるように、それについてもっと読んでみてください.
私の意見では、混合アプローチがおそらく最良の選択肢です。異なるページ間の共通要素に適用するルールを選択し、リンクされた CSS ファイルに配置します。次に、<style>
タグを使用して、そのページの要素に特定の CSS を設定します。これは、私がそれをあまり気にしない方法です。
ほとんどの場合、CSS はパフォーマンスにそれほど影響しないことがわかりましたが、もちろん、実際に使用している CSSの量に大きく依存します。