- Shipped
- 2026年8月26日 2:11 UTC
- Author
- kamo
- Commit
- 65eed6d
クライアント側のパフォーマンス監査のバッチ4、および大きな業績の最後の4。 app/globals.css は ag-grid のスタイルシートの 2 つの @imports と root レイアウトで開きます。 すべての 143 ルートの <head> に 187 KB のグリッド CSS を 187 KB にインポートします。 /validate と /logout を含む 1 つごとに最初の塗料をブロックしました。 スタイルシート 本物はレンダーブロックというこのアプリで唯一のリソースです。 監査における最大のFCP項目と、ページスピードレポートを正確に「限定」 レンダリングブロックリソース。 レイアウトのエントリCSSは334 KBから147 KBに低下します。 インポートは、再エクスポートするラッパー ************ に移動します AgGridReact は変更されず、現在 ag-grid-react をインポートしたすべての 34 モジュールは お問い合わせ 35番目のグリッドは34秒のスタイルシートのインポートではなく、ラッパー unthemed を出荷する1 - 誰も機能しないで CSS のバグのように見える失敗 お問い合わせ scripts/check-aggrid-import.mjs はそれを強制し、npm テストで実行します。 CASCADEは、主張するのではなく、改善が必要な部分です。 グローバルs.css その後の代わりにBEFORE ag-gridを読み込むので、すべての同等性特異性タイ間のtie ag-grid と Tailwind の preflight flips: preflight を使用してそれらを勝つために、 ag-grid は今行います。 目ではなく、両方のスタイルシートの上にcs-treeで徹底的に監査: - [hidden] は (0,2,0) で、まだすべての 167 ag-grid `display` ルールを上回っています(0,1,0), 隠されているものは見えません。 preflight の [role="button"] は、それらに与えます。これらの関係は、no-ops ではありません。 専門分野 コーダー(下のサイズ、つかみ、移動、セル)は、リサイズに座って、運ぶハンドルをドラッグ [role="button"] も :disabled も同様です。 - このファイルの .ag-theme-alpine のオーバーライドの 20 全てが !important か (0,3,0)+ なので、どちらかの方法で注文します。 - ag-gridの5つのベアエレメントルールは<ag-grid-angular>と友人、要素名です。 このアプリはレンダリングしません。また、ボディ カスタム プロパティ preflight は設定しません。 1つの本物フリップ: ag-grid 船 `[class^=ag-] { 輪郭: どれも` および preflight 船 `:-moz-focusring { 輪郭: auto }`, 両方 (0,1,0), なので、Firefox のユーザーは失われた キーボードはあらゆる格子の中のリングに焦点を合わせます。 globals.css は 1 つの明示的に (0,2,0) そのため、注文に関係なく、計算された値がまさにその値です。 また、このバッチで: public/ は `Cache-Control: public, max-age=0` で、全ての 24 MB のアイコンで動作します。 着信音、ロゴ、pdfワーカーは、すべてのハードロードで無効化されました。 今すぐ 1 時間 失礼に残された — 意図的に「不変」ではなく、年ではなく、 公開されていない/はコンテンツが / next/static のやり方を明らかにしているため、ファイル デプロイで置換されると、URL と `immutable` が古いバイトを決してピン留めしないようにします。 バストする 起動パッド。 これらの3つのコールサイトは、次の/画像を通過し、大きさのWebPを提供しています いくつかの KB の。 マスターファイルは単独で残されます:CopilotHeroは148で同じ資産をレンダリングします CSS の px とそれを必要としています。 確認: ターゲットを絞った tsc --noEmit は、ラッパー、次の/画像の呼び出しサイトと 自衛的なインポートと書き換えグリッドモジュールのサンプル; すべての9ガード スクリプトは、新しいものを含むパスを、植えられた直接に失敗するように確認された ワイヤーで縛られる前に輸入.