- 出荷済み
- 2026年8月19日 19:59 UTC
- プロフィール
- Kamo
- コンテンツ
- 525e81c
LCP は 4.4 s で、そのブレイクダウンは 120 ms から 1 バイト、290 ms まで 負荷遅延、390 ms は実際に画像をダウンロードします — そして 1,810 ms の 「エレメント遅延」 写真は到着を終わらせ、単にできませんでした 塗装される。 ホームページは1,482 DOM要素を、閾値灯台の上に出荷します 「DOMサイズを最適化」に失敗し、それぞれがレイアウトされ、 LCP 要素が後退を待たせながら、初期レンダーの間に塗装 8つのセクションは誰もスクロールしなかった。 `content-visibility: `#home` を除くすべてのセクションで auto` がブラウザをスキップできるようにする ビューポートに近づくまで、それらのサブツリーのレイアウトとペイント。 ザ・オブ・ザ・ 要素はまだ存在します — HTML では、エンジンを検索し、ページ内のアンカーに、 find-in-page と IntersectionObserver JumpToBar の実行に — それらは単なる だれもがそれらを見ることができる前にrasterised。 2つの事で、ここまで安全です。 一般的に: すべてのセクションは既に `position: 相対` と `overflow: hidden` です。 そのため、暗黙の封入は、絶対的な位置決め方法について何も変更しません 背景は解決し、`contain-intrinsic-size` は `auto` キーワードを使用します。 プレースホルダーの高さは、セクションの最初のレンダーとブラウザの前にのみ適用されます。 あとは、本物を覚えています。 特定のファイルに起因するレポートを強制的にリフローすると、PreviewBannerでした。 それは、 水分補給直後に `offsetHeight` を読み込み、`document を書きます。 ボディ。 スタイル .paddingTop` は、文書全体のレイアウトを無効化します。 書いてあった 'body { padding-top: var(--banner-h) }` は既に予約済み 最初のペンキからのスペース。 ResizeObserver は `borderBoxSize` からの高さを報告します。 コールバックが実行したときにブラウザが既に計算されているので、何もありません 強制的な。 borderBoxSize ではなく contentRect ではなく目的: バナーは `padding: 6px 16px` の小さな画面で、コンテンツの高さを単独で保存 バナーの下に12pxのコピーを残します。 theme.kamocrm.comは、そのプレコネクトバックを取得します, レポートは、名前で尋ねます LCPの300ms。 dns-prefetch へのデモは間違っていた: 画像は 通る この起源のオプティマイザですが、DynamicMetaLoaderはまだorgのテーマに直面しています 実行時にそのホストから stylesheet を呼び出します。これはレンダー・フォールディングのリクエストです。 重要なパス。 Analytics は dns-prefetch にとどまります — トラッカーは lazyOnload なので、 ロードイベントが触れる前に何もない。 英雄の背景は、品質に低下 40: 21.9 KB に 12.8 KB, 何が 画像監査をお願いしました。 明るさ(0.21)を通して測定される で合成, 50 -> 40 以上 8/255 ピクセルの 1.09% を動かし、保持 40.7 dB. 質 30 は 3.20% で試み、拒絶されました。 セクションのバックドロップは75にとどまり、これは第2時間の測定に持っています そう言った。 今要求する減らされた幅では50に低下は*worse*よりです それは完全に幅だった — 11.30% ピクセルシフト対 6.60% — より低い 各圧縮ブロックの解像度は、表示されるものの多くをカバーしています。 決断および 品質の低下は、写真に積み重ねられません。 HLSプレイリストは、今、仕事のマニフェストで一年間不変です。 最後のキャッシュライフタイム項目を閉じます。 コストではなくコストを移動する 削除するので、`HERO HLS SRC` は `?v=` を実行して、 re-encode; 両方のファイルはそう言うので、そうでなければ再エンコードはように見えます 仕事は無事に何もしなかった.