TBTを改善 | 項目 | 状態 | |------|------| | ロングタスク50ms以上 | 該当なし(RunTask 1,748件走査で0件、最長26.83ms) | | スライダーの複数初期化 | 該当あり・不採用(SRI不一致でslick未実行。プローブでDiff 13.62%) | | DOMContentLoaded内の重い処理 | 効果なし(DCLディスパッチ0.74ms) | | jQuery .each() の大量DOM操作 | 該当なし(15箇所すべて対象0件) | | 同期XHR | 適用済み(abtest.js の async:false を除去) | | jQuery .load() 同期通信 | 適用済み(空レスポンスの .load() を除去) | | 遅延読み込みライブラリの負荷 | 適用済み(二重搭載をネイティブ遅延読込に統合) | | document.write | 該当なし(0件) | | setInterval | 該当なし(0件) | TBTは全フェーズを通じて0msで変化なし。ただしこれは「JS負荷が無い」ことを 意味しない。 1. head内の24本の同期scriptによりJS実行が全てFCP以前に完了し、 TBTの集計窓(FCP〜TTI、実測3ms幅)から除外されている 2. CPUスロットリングが無効(cpuSlowdownMultiplier=1)。最長タスク26.83msは PSI実条件の4倍換算で約107ms相当であり、閾値50msに届いていないだけである また計測に現れない不具合を2件発見した。 - slickカルーセルがSRIハッシュ不一致で全計測を通じて未実行(シミュレーション副作用) - スタッフアイコン6件が class="lazy" の付け忘れで表示されていなかった(実サイトの不具合) LCP: 2914ms CLS: 0.000 TBT: 0ms FCP: 2911ms SI: 2911ms Overall Score: 90 (同一inventoryの再測定ではScoreが90〜98に分布する。上記は1回目の値)