- Core Web Vitals(LCP・INP・CLS)が何を測っていて、Google公式の「良好」の基準がどこにあるのか
- PageSpeed InsightsとSearch Consoleを使った、自分のブログの計測手順と結果の読み方
- 画像圧縮・遅延読み込み・不要スクリプト削減・CLS対策——個人ブログで実際に効く施策の進める順番
この記事の要点:よくある質問
- Q: Core Web Vitalsの「良好」の基準はどれくらい?
- A: Google公式の基準では、LCP(表示速度)は2.5秒以下、INP(操作への反応)は200ミリ秒以下、CLS(レイアウトずれ)は0.1以下が「良好」とされています。評価は訪問の75パーセンタイル、つまり訪問のおおむね4分の3がこの水準を満たしているかで判定されます。計測はPageSpeed InsightsやSearch Consoleで無料で行えます。
- Q: 個人ブログの表示速度改善、何から手を付ければいい?
- A: まずPageSpeed Insightsで現状を計測し、いちばん悪い指標から直すのが基本です。多くの個人ブログでは画像が最大の重荷なので、表示サイズへのリサイズ・圧縮(WebP化)・ファーストビュー以外の遅延読み込みの3点だけでも体感が変わります。次に、使っていないプラグインや重いSNS埋め込みなど不要なスクリプトを削減します。
なぜブログの表示速度がアフィリエイトの成果を左右するの?
結論から言うと、遅いブログは「読まれる前に」閉じられるからです。検索結果からあなたの記事をタップした読者は、白い画面のまま待たされると、迷わず戻るボタンを押して次の記事へ行ってしまいます。どれだけ中身を磨いても、表示されなければ存在しないのと同じ。表示速度は、文章力やSEOテクニックの前に立ちはだかる「入口の関門」です。
アフィリエイトブログでは、この影響がさらに重くなります。読者が「記事にたどり着く → 最後まで読む → 紹介リンクを押す」という旅を完走して、はじめて成果が生まれる構造だからです。入口で読者の1割を失えば、その後ろにあるクリックも登録も、まとめて1割失います。逆に言えば、表示速度の改善は記事を1本も増やさずに全記事の成果率をまとめて底上げできる、数少ない施策のひとつです。
Google検索との関係も無視できません。Googleは検索セントラルの公式ドキュメントで、Core Web Vitalsを含むページエクスペリエンスをランキングシステムが考慮する要素のひとつだと説明しています(出典:Google検索セントラル「Core Web Vitalsと検索結果について」)。速くすれば順位が必ず上がる、という魔法ではありませんが、内容が同レベルで並んだとき、体験の良いページが不利になることはない——その程度の冷静な理解で十分です。
そして個人ブログにとって、ここは意外な狙い目でもあります。記事数や運営歴では大手メディアに勝てなくても、表示速度は個人の工夫だけで大手を上回れる数少ない領域だからです。この記事では、Google公式のCore Web Vitals(LCP・INP・CLS)の意味と「良好」の基準を押さえたうえで、個人ブログで実際に効く施策を手順ベースで紹介します。
Core Web Vitalsとは?LCP・INP・CLSは何を測っている?
Core Web Vitals(コアウェブバイタル)は、Googleが定めたページ体験を測る3つの共通指標です。「速く表示されるか」「操作にすぐ反応するか」「表示がガタつかないか」を、それぞれ1つの数値にして評価します。Googleの開発者向け公式サイトweb.devでは、各指標の「良好」の基準に加えて、訪問の75パーセンタイル(ざっくり言えば、訪問のうち4分の3)で基準を満たすべきという測り方まで定義されています(出典:web.dev「Web Vitals」)。
- LCP(Largest Contentful Paint)=表示速度:メインコンテンツが表示されるまでの時間。2.5秒以下が「良好」、4秒を超えると「低速」
- INP(Interaction to Next Paint)=操作への反応:タップやクリックに画面が応答するまでの時間。200ミリ秒以下が「良好」、500ミリ秒を超えると「低速」
- CLS(Cumulative Layout Shift)=視覚的な安定性:表示中にレイアウトが予期せずずれた量。0.1以下が「良好」、0.25を超えると「低速」
- 出典:Search Consoleヘルプ「ウェブに関する主な指標レポート」
ブログ運営者の言葉に翻訳すると、こうなります。LCPが悪い=アイキャッチ画像や本文がなかなか出てこない。原因の大半は重い画像と遅いサーバー応答です。INPが悪い=目次をタップしても一瞬固まる。読み込んでいるJavaScript(プラグインや埋め込み)が多すぎるサインです。CLSが悪い=読んでいる途中で本文がガクッと下にずれる。サイズ指定のない画像や、後から差し込まれる広告枠が犯人です。
ひとつ補足すると、INPは比較的新しい指標で、2024年3月12日に旧指標FID(First Input Delay)と入れ替わる形で正式なCore Web Vitalsになりました(出典:web.dev「Interaction to Next Paint becomes a Core Web Vital on March 12」)。FIDが「最初の操作の遅れ」しか見ていなかったのに対し、INPはページ滞在中のすべての操作の応答性を見ます。古い解説記事には今もFIDが載っていることがあるので、2026年現在はLCP・INP・CLSの3つで考えてください。
自分のブログの速度はどう計測する?(PageSpeed Insightsの使い方)
感覚で「うちは遅い気がする」と悩む必要はありません。Googleが無料の計測ツールPageSpeed Insights(pagespeed.web.dev)を提供しています。使い方は、入力欄に自分のブログのURLを貼って「分析」を押すだけ。登録もインストールも不要です。
結果画面で押さえるポイントは3つあります。
アクセスがまだ少ないブログだと、フィールドデータが「データなし」になることがあります。これは異常ではなく、実訪問データが基準量に達していないだけ。その場合は下段のラボデータ(Lighthouseのシミュレーション計測)と改善項目リストを頼りに直していけば大丈夫です。
サイト全体の健康状態は、Search Consoleの「ウェブに関する主な指標」レポートで確認できます。URLを1本ずつ調べるPageSpeed Insightsと違い、サイト内のページをまとめて「良好/改善が必要/低速」に仕分けしてくれるので、問題のあるページ群を見つけるのに向いています。Search Consoleをまだ使い込めていない人は、Search Consoleで見るべき5つの指標の記事から始めるのがおすすめです。
画像はどう軽くする?圧縮・WebP・遅延読み込みの実務手順
多くの個人ブログでは、ページの容量の大半を画像が占めています。スマホで撮ったスクリーンショットやフリー素材をそのまま貼ると、1枚で数MBになることも珍しくありません。つまり画像対策は、最小の手間で最大のリターンが出る本丸です。手順は4つ。
遅延読み込みは便利ですが、ページを開いた瞬間に見える画像(アイキャッチなど、LCPの対象になりやすい画像)に loading="lazy" を付けると、表示がかえって遅くなります。「最初に見える画像は即読み込み、それより下はlazy」が正しい使い分けです。
WordPressなら画像最適化系プラグインでSTEP1〜2を自動化できますし、はてなブログなどの無料サービスでも「アップロードする前に手元で圧縮する」だけで効果があります。過去記事すべてを直すのは大変なので、まずはアクセスの多い主力記事とトップページから着手しましょう。
不要なスクリプトやプラグインはどう削る?
画像の次に重いのが、ページのあちこちで動いているJavaScriptです。LCPの足を引っ張り、INP悪化の主犯にもなります。やっかいなのは、自分で書いた覚えがないコードがほとんどだという点。プラグイン、SNS埋め込み、計測タグ——便利さと引き換えに、少しずつブログを重くしています。棚卸しのポイントは4つです。
- プラグインの棚卸し(WordPressの場合):「入れたけど使っていない」プラグインを停止・削除する。機能が重複しているもの、年に1回しか使わない管理系も対象。迷ったら一度停止して、表示と速度がどう変わるか確かめる
- SNS埋め込みを最小限にする:XのポストやYouTube動画の埋め込みは、見た目以上に大量のスクリプトを読み込む。本当に必要な記事だけに絞り、参考程度ならスクリーンショット+リンクで代替する
- 計測タグの重複をなくす:アクセス解析やヒートマップを乗り換えたとき、古いタグが残りがち。今使っているもの以外は外す
- Webフォントを絞る:フォントの種類やウェイト(太さ)を読み込むほど遅くなる。本文と見出しで使う最小限に絞る
どれが重いのか自分で当てる必要はありません。前の章で計測したPageSpeed Insightsの「改善できる項目」に、「使用していないJavaScriptの削減」「第三者コードの影響を抑える」といった形で具体的なファイル名まで表示されます。リストの上から順に、心当たりのあるプラグインや埋め込みと突き合わせていくのが最短ルートです。
アフィリエイトブログの場合、紹介リンクやランキング表示のためのタグを増やしすぎるケースもあります。動線づくりは大切ですが、リンクの置き場所は数より設計です。詳しくはアフィリエイトリンクの配置ガイドで解説しています。
速いブログに、収益の動線を
表示速度はあくまで土台。そこに載せる収益源として、KingfinはOlympTrade公式アフィリエイトプログラムを提供しています。登録は無料、報酬の仕組みはダッシュボードで自分の目で確認できます。
無料で登録する読み込み中の「ガタつき」(CLS)はどう直す?
CLSは3指標の中でいちばん地味ですが、読者のストレスに直結します。本文を読み始めた瞬間に画像や広告が割り込んできて、文章がガクッと下にずれる——誰でも経験のある、あのイラ立ちを数値化したものです。リンクを押そうとした指の下に別のボタンが滑り込んでくれば、誤タップにもつながります。
個人ブログでの定番の対処は、次の3つでほぼ片付きます。
Webフォントを使っている場合は、フォント読み込みの瞬間に文字の大きさが変わってずれることもあります。気になる場合はテーマやCSSのフォント設定(font-displayの指定など)を見直すと改善することがあります。CLSは原因が特定しやすく、一度直せば効果が続くタイプの指標なので、最初の週末にまとめて片付けてしまうのがおすすめです。
改善はどの順番で進めて、どう習慣化する?
ここまでの施策を、効果が出やすい順に並べ直します。全部を一気にやる必要はありません。「計測 → 画像 → スクリプト → CLS → 再計測」のサイクルを、1ページずつ回すだけです。
速度改善は一度やって終わりではなく、記事や画像が増えるたびに少しずつ劣化していくものです。だからこそ月1回の定点チェックをルーティンに組み込むのが効きます。記事のリライトや滞在時間を伸ばす記事構成の見直しと同じタイミングでやると、忘れません。
最後に、順番を間違えないでほしいことをひとつ。表示速度は「読者を逃さないための土台」であって、それ自体がお金を生むわけではありません。土台の上に、読者の役に立つ記事と、成果につながる紹介動線があって、はじめてブログは収益化します。これからその全体像を組み立てる人は、FXアフィリエイトの始め方ガイドで「土台の上に何を載せるか」をあわせて設計してみてください。速くて読みやすいブログは、それだけで読者からの信頼の前払いになります。
よくある質問(FAQ)
【免責事項】本記事はKingfin日本語版編集部による情報提供・教育目的のコンテンツです。記載の手法・戦略は参考情報であり、特定の収益を保証するものではありません。成果には個人差があります。投資には損失が生じるリスクがあります。アフィリエイト活動を行う際は、関連法令および各サービスの利用規約を遵守してください。