キー(Mac)を押す。「カバレッジ」と入力します。クリックしてページを再読み込みし、カバレッジのキャプチャを開始します。最初のページ読み込み時に実際に使用されます。レポートをダブルクリックして詳細を表示します。緑色で表示されたクラスは重大です。ボタンなどの目に見えるコンテンツ。非表示の段落など、すぐには表示されないコンテンツに影響します。レポートで緑色でマークされたクラス定義を抽出します。ブロック内に配置します。center;}</style>次のコードを適用して、残りのクラスを非同期で読み込みます。読み込む標準的な方法ではありません。仕組みは次のとおりです。非同期でスタイルシートをリクエストします。ついて詳しくは、重要なアセットをプリロードするガイドをご覧ください。スタイルシートの読み込みが終了します。属性を切り替えたときにハンドラを再呼び出す。実行しないブラウザ向けの代替機能も備えています。遅延関数を使用することをおすすめします。スタイルシートがレンダリングされるのを待たずにレンダリングできます。すべてのブラウザで重要なコンテンツがブロックされる場合があります。表示されるページは次のようになります。ほとんどのスタイルが非同期で読み込まれる場合でも、以前のバージョンを維持できます。トレースを実行します。最適化されたページで確認できます。リクエストする前に表示されます。読み込みを待たずにページをレンダリングできます。スタイルシートが読み込まれます。