レストランのモバイル速度:2026年のCore Web Vitalsガイド

日曜の朝、アンカラのチャンカヤにある14席の朝食店オーナーからメッセージ。「お客がメニューを開く前に閉じる。」Google Search Consoleで「メニュー」のランクは47、PageSpeed Insightsモバイルは 31/100、LCP 4.2秒。WordPressと18個のプラグイン、未圧縮の3.2 MBヒーロー画像。thMenuへ移行して4週間後:LCP 1.6秒、モバイルスコア94/100、オーガニッククリック 42%増。

3つの指標、3つの閾値

2024年以降、Core Web VitalsはGoogleの公式モバイルランキングシグナル。レストランページはLCP(主要コンテンツ表示)、INP(タップ応答)、CLS(視覚安定性)で評価される。

2026年のグリーン閾値:

• LCP 2.5秒未満
• INP 200ms未満(2024年3月にFIDを置換)
• CLS 0.1未満

thMenu標準:LCP 1.8秒

195店舗のthMenu平均LCP(モバイル、4G、P75)は 1.8秒。4つの設計判断:Cloudflare CDN(250以上のエッジ)、WebP/AVIF自動変換とレスポンシブsrcset、critical CSSインライン化と遅延JS、カタログのISR(5分キャッシュとオンデマンド再検証)。

INPはReact Server Componentsがデフォルト。クライアントに送るのはCartDrawerとカテゴリフィルタのみ。JSバンドルgzip後 68 KB。CLSは全画像にwidth/height、ヒーローはaspect-ratioで領域確保。

測定ツールとアンカラ事例

実践フロー:PageSpeed InsightsでCrUX現場データ、WebPageTestで3G/4Gウォーターフォール、Search ConsoleでどのURLグループが赤か。アンカラ事例ではPageSpeedが3.2 MBヒーローと14個のサードパーティスクリプトを犯人と特定。

移行後:ヒーローをAVIFへ、サードパーティチェーン削除、INPは480msから120msへ。4週間後「メニュー」検索順位は47→14、日次オーガニッククリックは23→33(42%増)。SearchGPTも上位3件で推奨し始めた。

FAQ

現在LCP 5秒、最も効く1つの改善は?画像最適化。WebP/AVIFと正しいサイズで通常2-3秒短縮。

INPを200ms未満にするには?小さなバンドル、RSC、サードパーティスクリプトの削除または遅延。

CLSの原因はどう特定?PageSpeed「Avoid large layout shifts」診断。サイズ未指定の画像やCookieバナーが多い。

お役に立ちましたか?シェアしてください。