これらは、Microsoft Edge の Stable リリースの最新の DevTools 機能です。
CSS セレクター統計の無効化カウント
[パフォーマンス] ツールの [CSS セレクターの統計] タブのテーブルに、新しい列 [無効化カウント] が追加されました。 [ 無効化数 ] 列には、CSS セレクターに一致し、無効化され、スタイルが再計算された DOM ノードの集計数が表示されます。 DOM ノードは、複数の CSS セレクターによって複数回無効化できます。
再計算スタイル イベント中に、ブラウザーは特定の CSS セレクターに基づいて多くの DOM ノードを無効にする場合があります。 CSS セレクターが効率的でないと、Web ページのパフォーマンスに影響を与える可能性があります。 スタイルの再計算コストが高い場合、それは過度の無効化が原因である可能性があります。 この新しい分析情報を使用して、無効化回数が多い CSS セレクターを特定し、CSS スタイルのルールを調整することで過剰な無効化を減らすことができます。
関連項目:
Chromium プロジェクトからのお知らせ
Microsoft Edge 140 には、Chromium プロジェクトからの次の更新プログラムも含まれています。
- 'ネットワーク条件' で 'Save-Data' ヘッダーをエミュレートする
- CSS プロパティのヒントでベースライン状態を表示する
- ユーザー エージェント クライアント ヒントのフォーム ファクターをオーバーライドする