結論：製造業・建設業のBtoB企業サイトでCore Web Vitalsを改善する最速の方法は、「画像のWebP変換＋遅延読み込み」「不要JavaScriptの削除」「画像のwidth/height属性の明記」の3点です。この3施策だけで、多くのBtoB企業サイトはPageSpeed Insightsのスコアが20〜40点向上します。
GoogleはCore Web Vitalsを検索ランキングのシグナルとして使用しています。製造業・建設業のBtoB企業サイトは特に古いWordPressテーマや大容量の製品画像を抱えていることが多く、スコアが低いケースが目立ちます。本記事では3つの指標の意味から実践的な改善手順まで、チェックリスト形式で解説します。
表示速度（2.5秒以下が目標）
（200ms以下が目標）
（0.1以下が目標）
最優先施策の数
Core Web Vitalsとは何か
Core Web VitalsはGoogleが定義した「ユーザー体験の質を測る3つの指標」です。2021年にGoogleの検索ランキング要因に組み込まれて以来、SEOの観点でも無視できない指標になっています。
LCP（Largest Contentful Paint）
ページ読み込み開始からメインコンテンツ（最大サイズの画像またはテキストブロック）が表示されるまでの時間です。2.5秒以下が「良好」、4.0秒超は「改善が必要」と判定されます。製造業サイトでは、ファーストビューに大きな製品画像・工場写真を使っているケースが多く、これがLCPに直結します。
INP（Interaction to Next Paint）
ユーザーがボタンをクリック・フォームに入力・スワイプした際、次の画面描画（インタラクション応答）までの時間です。200ms以下が「良好」、500ms超は「改善が必要」です。2024年3月にFID（First Input Delay）から置き換わった新しい指標です。JavaScriptの実行が重いサイトでスコアが低下します。
CLS（Cumulative Layout Shift）
ページ読み込み中にコンテンツが予期せずズレる量を示します。広告・画像・Webフォントが後から読み込まれてテキストが動くのが典型例です。0.1以下が「良好」、0.25超は「改善が必要」です。
BtoB企業サイトで頻出する問題
製造業・建設業・電気工事業のBtoB企業サイトを分析すると、Core Web Vitalsのスコアが低い原因として以下のパターンが繰り返し現れます。
問題1：製品・工事写真が非圧縮・非最適化
製品の写真・工事実績の写真はサイトの信頼感に直結するため、多くの企業が高解像度の写真を使っています。しかし1枚3〜5MBのJPEG画像がそのままHTMLに埋め込まれているケースが非常に多く、これがLCPを大幅に悪化させます。
問題2：WordPressプラグインの乱立
「とりあえず入れた」プラグインが20〜30個以上稼働しているWordPressサイトは、各プラグインがJavaScript・CSSを追加読み込みするため、ページの合計リクエスト数が100を超えることもあります。INPスコアに直接影響します。
問題3：jQueryへの依存と古いテーマ
10年以上前に作られた企業サイトは、スライダー・アニメーション・タブ切り替えにjQueryを多用しています。jQuery本体（約30KB）＋プラグイン群の読み込みが完了するまで、インタラクションが応答しないため、INPスコアが悪化します。
問題4：画像のwidth/height属性なし
CSSだけで画像サイズを指定しているサイトでは、HTMLにwidth・height属性が記述されていないため、ブラウザが画像のスペースを事前に確保できません。画像が読み込まれるたびにレイアウトがズレ、CLSスコアが悪化します。
まず計測から始める：PageSpeed Insights（無料）にURLを入力するだけで現在のスコアと改善提案が確認できます。モバイルとデスクトップ両方を計測し、スコアが低い方の問題から先に対処しましょう。
Core Web Vitalsの改善からサイト全体のSEO対策まで、Strategy Advisoryにご相談ください。現状診断は無料です。
無料診断を申し込むLCP改善：画像最適化の実践手順
LCP改善で最も効果的なのは画像の最適化です。以下のチェックリストに沿って対応してください。
チェック1：WebP形式への変換
JPEGと比べてWebPは同等の画質でファイルサイズが25〜35%小さくなります。Squoosh（無料）を使えばブラウザ上で変換できます。WordPressなら「WebP Express」プラグインで自動変換が可能です。
チェック2：遅延読み込み（Lazy Loading）の設定
ファーストビューより下にある画像は、最初から読み込む必要はありません。HTMLのimgタグにloading="lazy"を追加するだけで、スクロールされるまで画像の読み込みを遅らせることができます。ただしファーストビューの主要画像（LCPの対象）にはloading="eager"またはlazy属性なしにしてください。
チェック3：ファーストビュー画像の事前読み込み
LCPの対象となるメイン画像を最速で表示するために、<link rel="preload">タグを<head>内に追加します。
<link rel="preload" href="hero.webp" as="image">
チェック4：画像のリサイズ（表示サイズに合わせる）
3000×2000pxの写真を600×400pxで表示している場合、解像度は5倍以上オーバーです。表示する最大サイズの2倍程度にリサイズしてからアップロードすることで、ファイルサイズを大幅に削減できます。
INP改善：不要JSの削除とイベントハンドラ最適化
INPのスコアが低い場合、主にJavaScriptの実行時間が長いことが原因です。
チェック5：不要なWordPressプラグインの無効化
まずPageSpeed Insightsの「使用していないJavaScriptを削除する」という提案で、どのファイルが問題かを特定します。WordPressの場合、プラグインを一時的に無効化しながら計測し直すことで、スコアを下げているプラグインを特定できます。
チェック6：JavaScriptの非同期・遅延読み込み
サードパーティのスクリプト（チャットウィジェット・SNSボタン等）は、asyncまたはdefer属性を追加してメインスレッドのブロックを防ぎます。
<script src="chat.js" defer></script>
チェック7：重いアニメーション・スライダーの見直し
jQueryベースのスライダーは最新のCSS AnimationやIntersectionObserverを使ったアニメーションに置き換えることでJSの実行量を削減できます。BtoB企業サイトの場合、派手なアニメーションより表示速度の方が信頼感に寄与します。
CLS改善：レイアウトシフトの防止
チェック8：画像にwidth/height属性を明記する
すべてのimgタグにwidthとheight属性を追加することで、ブラウザが事前に画像スペースを確保でき、CLSが大幅に改善します。
<img src="product.webp" width="800" height="600" alt="製品写真">
チェック9：Webフォントの事前ロード
Webフォント（Google Fonts等）が後から読み込まれるとテキストがズレます。<link rel="preload">でフォントを先読みするか、font-display: swapを設定してシステムフォントからの切り替えを制御します。
チェック10：広告・埋め込みコンテンツの領域を確保
Googleマップの埋め込みや動画（YouTube）は読み込み前のサイズが0になりがちです。CSSで最小高さを指定しておくことでCLSを防ぎます。
改善前後の比較事例
製造業のWebサイトリニューアル事例では、上記施策を実施した結果として以下の改善が確認されています（すべての結果を保証するものではありません）。
- LCP：8.2秒 → 2.1秒（製品トップ画像のWebP変換＋preload対応）
- INP：650ms → 180ms（不要jQuery削除＋プラグイン8個無効化）
- CLS：0.38 → 0.07（全画像にwidth/height追加＋フォントpreload）
- PageSpeed Insightsモバイルスコア：22点 → 68点
PageSpeed Insightsのスコアが上がることで、Google検索での順位改善・直帰率の低下・問い合わせ数の増加という好循環が生まれます。製造業・建設業のBtoB企業サイトは競合が対応していないケースが多いため、改善のインパクトが特に大きい領域です。
現在のサイトのCore Web Vitalsスコアを無料で診断し、優先対応箇所をリストアップします。まずはお気軽にご相談ください。
無料診断を申し込む