- 出荷済み
- 2026年8月20日 3:13 UTC
- プロフィール
- Kamo
- コンテンツ
- 86cb9fc
LCP の故障は残りの時間であり、その 2 つのローディングのサブパートです。 資源負荷遅延の270ms、負荷持続時間500msは優先問題です、 サイズの問題ではありません。 要素は英雄の背景幕、14.8 KBのAVIFであり、それは キャッシュから 44 ms まで それが競争していたこと、高い主張するすべての <head> で優先します。 インター 48.4 KB プリロード スペースグロテスク 22.3 KB プリロード ロゴフルホワイト.svg 15.6 KB プリロード (ワイヤーで浸る) メニュー 〜86 KB、LCP リソースに対して 14.8 KB ロゴのプリロードを要求したものはいません。 React は最初のイメージをオートプリロードします。 ツリーとそれが nav のロゴであるので、それは必要としない優先クレームを継承しました — 角に140x40のマークです。 `fetchPriority="low" はヒントをドロップします お問い合わせ ロゴは、その140x40レンダーのソースの39 KBです。89オートパスを自動進行します。 完全な整数の精密。 19.2 KB 生 / 7.3 KB gzipped、ワイヤーで切られる54%。 svgo の mergePaths を使わずに、 89 パスを 5 に破棄 — フィラール巻線を書き換える 手紙のカウンターは切られ、それにまだそれを証明するためにここにヘッドレス ブラウザがありません お問い合わせ 保守的なパスは、とにかく同じ節約を取得します。 スペースグロテスクは、そのプレロードを失います, そして、コメントは、それが約束を持っていた防衛 間違った: それは英雄のh1がLCP要素であると主張しました。 LCP の Lighthouse 名 要素は明示的に、バックドロップイメージです。 `display: スワップ` は既に意味しない テキストはこの面で待機し、次は生成されたフォールバックがマッチする size-adjust メトリックなので、スワップはレイアウトを移動しません。 インターは、そのプレロードを維持します。 ボディテキストであり、スワップが実際に感じられるところです。 また、最適化された画像は、`max-age=86400, 必須項目` に応答しました。 これらのURLは content-addressed — ソース、幅、品質はすべてクエリ文字列です。 異なるバイトを返すことはできません。 年に1年間調達 next.config.ts は、`experimental.inlineCs` の再テストも記録します。 オフ。 以下に示すコミットを参照してください。 <head> で結果: ロゴのプリロードがなくなり、優先順位が優先されます。 LCP のイメージは ~86 KB から ~56 KB に低下します.