LCP画像優先度プランナー
ヒーロー画像の転送コスト、元画像と表示サイズの比率、LCP向け優先度コードを計算します。
このツールについて
ヒーロー画像が実際の表示サイズより大きすぎないか確認し、ネットワーク時間を推定します。
全画像をpreloadするのではなく、実際のLCP候補画像だけに優先度を付けるための出発点として使えます。
転送時間
408 ms
ピクセル超過率
1.78x
状態
良好
結果
使い方
- 1
必要な値を入力するか、テキストを貼り付けます。
- 2
オプションや単位を目的に合わせて調整します。
- 3
表示された結果を確認し、必要な場所へコピーして使います。
機能
即時結果
値を入力するとブラウザ内で結果がすぐに更新されます。
ブラウザ内処理
入力値はサーバーへアップロードせず、端末内で処理されます。
シンプルな入力
繰り返し使いやすい入力欄と見やすい結果を用意しています。
無料で利用
登録やインストールなしでそのまま使えます。
主な用途
- ›ヒーロー画像にpriorityとfetchPriority highを使うべきか判断します。
- ›モバイルLCPを遅くする大きすぎる元画像を見つけます。
- ›最初の画面の主要画像に合うresponsive sizes値を作ります。