ページをデザインするときは、CSS ファイルを作成するのでselectors、最初のページ、内部ページ、および Web サイトにある他のすべてのページのすべてがこのファイルに保存されます。
しかし、このモードでは、自分のサイトや別の Web サイトをチェックしようとするとGTMetrics.com、webpagetest.orgcss ファイルにページで使用していないセレクターがたくさんあると通知され、css ファイルを最適化するように求められました。しかし、私はそのセレクターを別のページで使用しています。
今私の質問は、css セレクターを格納する最良の方法は何ですか? 各ページに個別のcssファイルを用意して各ページにロードするlink必要がありますか、それとも個別のcssファイルを用意してcssファイルにロードする@importか、すべてのセレクターを1つのファイルに保存する必要がありますか(今のように)?
まず第一に、これらのサイトはサイトの最適化を支援する単なるツールです。彼らはすべてを知っているわけではありません。そのため、未使用のセレクターをたくさん使用していると言われています。
スタイルがどのくらい変更され、どのページで変更されたのかわかりません。しかし、あなたのスタイルがわずかな違いを除いてある程度同じである場合は、それらを 1 つのファイルに保存する必要があります。
たとえば、ホームページが他のページと完全に異なる場合、または一部のページに大きな違いがある場合は、1 つのグローバル スタイルシートと複数のページ固有のスタイルシートを使用する必要があります。
このトピックについて詳しくは、CSS の第一人者である Chris Coyier による素晴らしい記事「One, Two or Three」をご覧ください。
すべてのページのすべてのページに個別のファイルを作成し、一意のファイルをロードする場合、1 つの css ファイルが最適な方法であり、時間が増加し、パフォーマンスが低下します。
1 つの css ファイルがそれ自体をキャッシュし、毎回ロードしないので、警告を無視してください。