Toolypet
SEOツール/ページスピード分析

ページスピード分析

Core Web Vitals最適化チェックリストとPageSpeed Insights連携

PageSpeed Insights分析

Google PageSpeed Insightsで詳細な分析結果を確認できます

Core Web Vitals概要

LCP (Largest Contentful Paint)

目標: 2.5秒以内

ページのメインコンテンツが読み込まれるまでの時間を測定します。ユーザーがコンテンツを見られるようになるタイミングです。

INP (Interaction to Next Paint)

目標: 200ms以内

ユーザー操作に対する応答時間を測定します。クリック、タッチ、キーボード入力後の画面更新までの時間です。

CLS (Cumulative Layout Shift)

目標: 0.1以下

ページ読み込み中の予期しないレイアウトの移動を測定します。視覚的安定性の指標です。

最適化チェックリスト

0%

LCP最適化(読み込み速度)

0%

INP最適化(インタラクティビティ)

0%

CLS最適化(視覚的安定性)

0%

一般的な最適化

0%

ページスピード最適化ガイド

Core Web Vitalsを改善して検索順位とユーザー体験を向上

Core Web Vitalsとは?

Core Web VitalsはGoogleが定義したウェブページ品質指標で、読み込み(LCP)、インタラクティビティ(INP)、視覚的安定性(CLS)を測定します。2021年からGoogle検索ランキング要因となり、SEOに重要です。

使い方

  1. URLを入力してPageSpeed Insightsを開く
  2. 実際のユーザーデータとシミュレーション結果を確認
  3. チェックリストに従って最適化作業を実施
  4. 変更後に再測定して改善を確認

最適化のコツ

  • LCPは通常最大の画像またはテキストブロック
  • INP改善のため長いJavaScript処理を分割
  • CLSのためすべてのメディア要素にサイズを指定

測定ツール

Chrome DevToolsのLighthouse、PageSpeed Insights、Search ConsoleのCore Web Vitalsレポートで測定できます。

よくある質問

Core Web VitalsはSEOにどれくらい重要ですか?

Core Web VitalsはGoogleのランキング要因の一つです。コンテンツの関連性が最も重要ですが、ページエクスペリエンスも影響します。競合ページと品質が似ている場合、差別化要素になります。

フィールドデータとラボデータの違いは?

フィールドデータ(実ユーザーデータ)は実際のChromeユーザー体験を反映します。ラボデータ(シミュレーション)は統制された環境でのテストです。両方重要ですが、フィールドデータが検索ランキングに使用されます。

モバイルとデスクトップどちらが重要?

Googleはモバイルファーストインデックスを使用するため、モバイルが重要です。ただし両方最適化すべきです。モバイルユーザーが多く、ネットワーク/デバイス条件も様々です。

スコアが低い場合どこから始めるべき?

PageSpeed Insightsの「改善できる項目」を確認してください。時間節約が大きい項目から修正します。通常:1)画像最適化、2)未使用コード削除、3)レンダーブロッキングリソース排除、4)キャッシュ実装の順です。

サードパーティスクリプトがスコアを下げる場合は?

サードパーティスクリプト(広告、分析、チャット)はよくある性能低下原因です。解決策:1)必要性を検討、2)defer/asyncで読み込み、3)ユーザー操作後に読み込み、4)ファサードパターン使用。完全削除が難しければ影響を最小化。