📊 直近30日分(2026-08-27 〜 2026-09-25)の実測データを集計
評価はGoogle公式基準に基づき、各指標のP75(75パーセンタイル)の実測値が「良い」基準以下かどうかで判定しています。
| 指標 | 良い | 要改善 | 悪い | 評価 |
|---|---|---|---|---|
| LCP(最大コンテンツ描画) | 74.1% | 19.2% | 6.7% | 合格 |
| INP(次のペイント遅延) | 86.7% | 10% | 3.3% | 合格 |
| CLS(レイアウトシフト) | 82.7% | 13.3% | 4% | 合格 |
| 要素 | LCP値 | 発生数 |
|---|---|---|
div.hero-image/ |
3,200 ms | 8,100 |
img.product-photo/service/ |
2,900 ms | 5,400 |
div.banner-carousel/campaign/ |
2,650 ms | 3,100 |
| 要素 | INP値 | 発生数 |
|---|---|---|
button.add-to-cart/service/ |
420 ms | 1,900 |
input.search-box/ |
310 ms | 1,200 |
| 要素 | CLS値 | 発生数 |
|---|---|---|
div.ad-banner-top/blog/* |
0.280 | 2,200 |
img.thumbnail(幅高さ未指定)/news/ |
0.190 | 1,400 |
| 優先度 | 改善項目 | 対象指標 | 期待効果 |
|---|---|---|---|
| 高 | メインビジュアル画像の配信最適化 "div.hero-image"の画像が重く、LCP悪化の主要因になっています。Cloudflare Images(自動フォーマット変換・リサイズ)またはPolishで画像を最適化し、配信サイズを削減してください。 |
LCP | トップページのLCP P90以降(3,900ms→大幅短縮)の改善が見込めます。 |
| 中 | 広告枠によるレイアウトシフトの抑制 "div.ad-banner-top"に事前に高さを確保するCSS(aspect-ratio指定等)を追加してください。Cloudflareの機能では解決できないため、テンプレート側の実装修正が必要です。 |
CLS | ブログ記事ページのCLSを基準内(0.1以下)に安定させられます。 |
| 低 | 購入ボタンの応答性改善 "button.add-to-cart"のクリック処理が重くなっています。Rocket Loaderでスクリプトの読み込みを非同期化する、または該当JSの処理を見直してください。 |
INP | 購入導線の操作感が改善し、離脱率の低下が期待できます。 |