Web Performance

速度は、
体験そのものだ。

ページの読み込み速度は技術指標ではなく、ユーザーが受け取る体験の質です。Core Web Vitals を基準に、パフォーマンスを継続的に改善しましょう。

2.5s
LCP 目標
0.1
CLS 目標
200ms
INP 目標

Why It Matters

パフォーマンスが
ビジネスを動かす

読み込み速度の改善は、離脱率・コンバージョン率・検索順位に直結します。

01

ユーザー体験と
離脱率

表示が1秒遅れるだけで、コンバージョン率は約7%低下します。モバイルユーザーの53%は3秒を超えると離脱します。

+1s → -7% CV
02

SEOランキングへの
直接的な影響

GoogleはCore Web Vitalsを検索ランキング要因として採用。LCP・CLS・INPのスコアが検索結果の表示順位に影響します。

CWV = Ranking Signal
03

GEO・AI検索への
対応

生成AIによる検索(GEO)でも、ページ速度はクロール・インデックス品質に影響します。LCP 2.5秒以内がGEO対応の基本要件です。

LCP ≦ 2.5s for GEO

Measurement Tools

計測・分析ツール

パフォーマンスの現状把握と改善検証に使える定番ツールを厳選しました。

Google

PageSpeed Insights

URLを入力するだけでCore Web VitalsとLighthouseスコアを計測。実測値(CrUX)とラボデータの両方を確認できる基本ツール。

LCPCLSINPCrUX無料
pagespeed.web.dev →
OSS

WebPageTest

世界各地のサーバーから実ブラウザでテスト。ウォーターフォール表示でリソースの読み込み順序を詳細分析できる上級者ツール。

WaterfallグローバルFilm Strip無料
webpagetest.org →
Free

GTmetrix

PageSpeed + Lighthouse統合レポート。履歴管理・モニタリング機能があり、改善前後の比較・継続的な追跡に最適。

履歴管理モニタリング比較
gtmetrix.com →
Google

Google Search Console

「ページエクスペリエンス」セクションでサイト全体のCore Web Vitalsを確認。実ユーザーのフィールドデータでSEO影響を直接把握。

フィールドデータSEO無料
search.google.com →
DevTools

Chrome DevTools Performance

ブラウザ内蔵の詳細プロファイラー。レンダリング・スクリプト実行・レイアウトシフトの原因特定に不可欠な深い分析ツール。

プロファイルCLS原因特定無料
developer.chrome.com →
Google

web.dev / Lighthouse

Googleによるパフォーマンス・アクセシビリティ・SEOの総合診断。Chrome拡張機能やCLIからも実行可能。

LighthouseアクセシビリティCLI対応
web.dev →
Google

Squoosh

ブラウザ上で動く画像圧縮ツール。WebP・AVIF・JPEGなど複数フォーマットに変換しながら画質と容量をリアルタイムで比較できる。LCP改善に直結。

画像圧縮WebPAVIF無料
squoosh.app →
UXDT

ウェブサイト速度と
売上の関係

ページ速度の改善がビジネスにどれだけ影響するかを試算できるオリジナルツール。自社サイトの数値を入力して売上への効果を可視化。

売上試算CVRオリジナル
speed-revenue-calculator.html →