- Shipped
- 2026年8月19日 19:17 UTC
- Author
- Kamo
- Commit
- 2d7c0c0
最後の2ラウンドは87から67までのスコアを取った。 総ブロック 出発時間 80 ms から 460 ms および LCP への 3.9 s から 4.4 s。 自分の変更の2つが、 両方とも同じ悪い理由で作られました。 その理由は、実際のレッスンなので、まず最初に述べる価値があります。 そのレポートの「Insights」の下には、**Unscored**がマークされています。 彼らは与えません パフォーマンススコア。 FCP, LCP, TBT, CLS, Speed Index は、 私は2ラウンドを費やしました スコアのないインサイトを最適化し、スコアされたメトリックで支払った。 `experimental.inlineCss` — 変換。 それが約束するもの:スタイルシート レンダーブロックリクエストの停止。 しかし、93 KBのCSSは、到着し、 *inside* のドキュメントは並列ではなくパースされ、 ドキュメントは36 KB gzipから74.7 KBに行きました。 Lighthouseは文書を単独で測定しました CPU の 750 ms で、スタイル & レイアウトは 573 ms から 826 ms まで上がります。 1つのimmutable、 キャッシュ可能で並列リクエストはそれよりも優れ、「レンダリングブロックリクエスト」 決してスコアがなかった。 ヘッドラインのコンポジション可能なスイープ — 反転。 これはより恥ずかしいです、 独自の用語で失敗したため:非堆積要素数がUPされたので、 から 34 へ 41. 2つのテキスト・クリッピングされたマスク層は、どちらでも合成できませんので、 交換は2つの塗装アニメーションの要素で、そこにあったものの1つと、 恒久的にh1のダブルラスターを実行します。 オリジナルシングルエレメントバージョン 戻る。 どちらの交換は、最初に行われたべき変更です。 20代ファイブ このページのルールは無限のアニメーションを宣言する — 六角形のフィールドドリフト, 滑るメッシュ, グラデーションスライディング, パーティクルフローティング, バナーシーマー. お問い合わせ デスクトップの誰も通知しません。 低電力の携帯電話では、実行がエミュレートします。 永続税: スタイル&レイアウトのほとんど、レンダリングのほとんど、およびそれらのすべてのもの ノンコンポジションのアニメーション監査でカウントされます。 どれも内容です。 ページの読み込みは、すべてと同じくらいです。 768 px を下回りました。 同じブレークポイント すでに `desktopMotion` を決定するために使用しているので、粒子 フィールド、背景回転、このスイッチは3つではなく一緒に切り替えます 異なる幅 — と `prefers-reduced-motion` の下。 全25カバー それぞれがキーフレームの残り値にピン留めされます。 スイッチオフ: 0%/100%フレームが `opacity: 0.05` が opacity を持たない要素 自分自身で落ちる、そしてそれを止めることは、黒を出て、 テクスチャーまたはその中のコンテンツ全体にフルオパシティオーバーレイを残します。 テーマのセクション背景は、電話のハーフビューポート幅をリクエストします。 お問い合わせ 品質 60 彼らはサイズで半分, しかし、 4.0 自分のピクセルの割合は、一度だけシフトします 滑らかな空を渡る合成され、そして包帯は完全なbleed背景幕ショーです 最悪 — 品質の 50 を 6.60% で拒否した同じ異議。 ドロップ 要求された幅は、圧縮なしで193 KBから77 KBに1回かかります 全体でアーティファクト、すでに半径の黒の下60%に暗くされた写真 不透明なコンテンツの背後にある上敷。 質は75にとどまります。 また、このコミットとは別に修正され、HLSのプレイリストはまだ エンコードジョブのみで書き換えるので、`max-age=300` に応答 再エンコード。 メタデータが直接設定されるので、1 KiB キャッシュライフタイム項目 待たずに閉鎖します。 方法に巻き込まれた1つの実質のバグ: 上記のCSSの手術は、ストレイクローズブレースを残します ライン1480。 TurbopackはキャッシュされたCSSを提供していたので、3つのビルドが渡された クリーンなものが失敗する前に。 CIに失敗しました.