Web制作 おくだ屋

WEB制作 おくだ屋

//この中に次から作るsvgデータを入れていく
ホーム > ホームページ制作 > Core Web Vitals 2026年版:INPって何?スマホ表示速度の新指標を解説
ホームページ制作

Core Web Vitals 2026年版:INPって何?スマホ表示速度の新指標を解説

「うちのサイト、なんかスマホで重いって言われたんだけど…」

Webサイトの表示速度はSEOにも直結する重要な指標です。Googleが採用するCore Web Vitalsは、2024年に新指標「INP」が追加され、評価基準が大きく変わりました。

今回は2026年現在のCore Web Vitalsで押さえるべきポイントを、専門用語をかみ砕いて解説します。

結論:今は「INP」の対策が最優先

Core Web Vitalsは3つの指標で構成されますが、2024年3月に従来のFIDが廃止され、INP(Interaction to Next Paint)が正式採用されました。JavaScriptが重い古いサイトほど、対策が必要になっています。

Core Web Vitals 3つの指標

指標 計測内容 合格基準
LCP(最大コンテンツ描画) メイン画像・文字が表示されるまで 2.5秒以内
INP(次の描画までの応答時間) クリック・入力からの反応速度 200ms以内
CLS(累積レイアウトシフト) 表示中にレイアウトがズレる量 0.1以下

新指標「INP」とは何か

INP(Interaction to Next Paint)は、「ユーザーが操作してから画面が反応するまでの時間」を測る指標です。

たとえばボタンをタップしたとき、すぐに「クリックされた感じ」が画面に出ないと、ユーザーは「あれ、効いてない?」と感じますよね。INPは、その違和感をなくすための指標です。

INPが悪化する主な原因

  • JavaScriptが重い:jQueryプラグインの読み込みすぎなど
  • サードパーティスクリプト:広告タグ・解析ツールが多すぎる
  • 画像が最適化されていない:巨大なPNG・未圧縮のJPEG
  • 古いテーマ・プラグイン:WordPressテーマが古い設計

自分のサイトを測ってみる方法

無料で簡単に測れる方法は2つあります。

① PageSpeed Insights

Googleの公式ツール。URLを入れるだけでスコアと改善提案が出ます。WordPress表示速度改善7つでも詳しく解説しています。

② Search Console

「ウェブに関する主な指標」レポートで、サイト全体のCore Web Vitals状況がわかります。サーチコンソールの使い方を参考に登録してみてください。

すぐできる改善策

項目 改善策
画像 WebP形式に変換、遅延読み込み
JavaScript 不要なプラグイン削除、defer属性で非同期化
フォント システムフォント優先、Google Fontsはpreconnect
キャッシュ WP RocketなどのCDNプラグイン導入

2026年のCore Web Vitalsで気をつけること

モバイルファーストはもはや常識

Googleはスマホでの表示速度を主に評価します。スマホ対応の重要性でも触れましたが、PCでは速くてもスマホで遅ければ評価は上がりません。

3rdパーティスクリプトを見直す

Googleタグマネージャー・Facebookピクセル・チャットツールなど、外部スクリプトの積み重ねでINPが悪化するケースが多いです。本当に必要なものだけ残す勇気を持ちましょう。

まとめ

Core Web Vitalsは「速さ・反応・安定さ」の3点でサイトを評価する指標です。2026年はINPが特に重要なので、JavaScriptの肥大化・広告タグの多さに注意してください。

「うちのサイトのCore Web Vitalsを診てほしい」「具体的にどこから直せばいいかわからない」という方は、おくだ屋までお気軽にご相談ください。サーチコンソールを見ながら一緒に診断します。