CSS のパフォーマンス最適化 - ウェブ開発の学習 | MDN

CSS の最適化を開始する前に答えるべき最初の質問は、「何を最適化する必要があるか」です。下記で説明するヒントやテクニックのいくつかは、ほとんどすべてのウェブプロジェクトに好ましいことですが、一部は特定の状況でのみ必要なものです。これらのテクニックをすべてあらゆる場所に適用しようとすることは、おそらく不必要であり、時間の無駄になるかもしれません。各プロジェクトで実際に必要なパフォーマンスの最適化は何かを見極める必要があります。 このためには、サイトのパフォーマンスを測定する必要があります。前のリンクが示すように、パフォーマンスを測定するにはいくつかの方法があり、その中には高度なパフォーマンス API を使用するものもあります。しかし、始めるには、ブラウザーに組み込まれているネットワークやパフォーマンスなどのツールを使用して、ページ読み込みのどの部分が時間がかかり、最適化が必要かを確認します