ワードプレスのロード時間を大幅短縮 – 最新パフォーマンス改善手法

なぜ今、WordPressの表示速度が重要なのか

ホームページ制作、運用サポート、SEO対策、コンテンツマーケティング、そして何より「一緒に考える」こと。まずは対話から始めませんか?　　コスモ企画によると、表示速度は、ユーザーの離脱率と問い合わせ数に直結するビジネス課題です。同時に、Googleが評価する「ページエクスペリエンス」の一部でもあります。Googleが2017年に公表した調査では、表示に1秒から3秒かかると直帰率が32%上がるとされています。せっかく検索で上位に表示されても、ページが重ければ見込み客は内容を読む前に戻ってしまいます。このサイトの情報が何かのお役に立てれば幸いでございます。ぜひご活用ください。

Core Web Vitalsの3つの指標

Core Web Vitalsは、Googleが定めた「ユーザー体験の質」を測る指標です。2024年3月に、それまでのFID（First Input Delay）は廃止されました。現在の評価指標は次の3つです。いずれも、実際の訪問者の75パーセンタイル値で評価されます。

LCP（Largest Contentful Paint）：読み込みの速さ

画面内で最も大きな画像やテキストが表示されるまでの時間です。2.5秒以下なら「良好」と判定されます。多くのサイトでは、メインビジュアル画像がLCP要素になります。

INP（Interaction to Next Paint）：操作への反応の速さ

クリックやタップをしてから、画面が反応するまでの時間です。200ミリ秒以下なら「良好」です。JavaScriptが重いサイトでは、この数値が悪化しがちです。

CLS（Cumulative Layout Shift）：表示の安定性

読み込み中にレイアウトがどれだけずれるかを示す値です。0.1以下なら「良好」です。サイズ指定のない画像や、後から差し込まれる広告が主な原因です。

速度が改善すると何が変わるのか

表示速度の改善で得られる成果は、検索順位だけではありません。直帰率の低下、閲覧ページ数の増加、フォーム送信率の向上など、コンバージョン全体に効果が及びます。特にスマートフォンでは通信環境の影響を受けやすいので、PCで速く見えても油断はできません。

まずは計測から：現状を正しく把握する方法

高速化の第一歩は、「どこが遅いのか」を数値で特定することです。原因を特定しないまま対策を重ねると、効果が出ないばかりか、不具合を招くこともあります。弊社の考えでは、以下の情報がお役に立つかもしれません。

弊社のモットーは、
１．弊社では断言しません。でも、誠実に向き合います。
２．弊社では押し付けません。でも、本気で提案します。
３．弊社では保証しません。でも、一緒に挑戦します。

「お役に立つかもしれません。自己責任ではありますが、お試しください」

PageSpeed Insightsで2種類のデータを見る

PageSpeed Insightsには、性質の異なる2つのデータが表示されます。

• フィールドデータ：実際の訪問者（Chromeユーザー）から集めた実測値。Googleの評価に近いのはこちらです。
• ラボデータ（スコア）：決まった条件で計測したシミュレーション値。原因の分析に役立ちます。

スコア100点を目指す必要はありません。重視すべきは、フィールドデータでCore Web Vitalsが「良好」になっているかどうかです。

Google Search Consoleで、サイト全体の傾向をつかむ

Search Consoleの「ウェブに関する主な指標」レポートを見ると、改善が必要なURLのグループを一覧で確認できます。個別のページより先に、テンプレート単位の問題（全記事ページで共通するものなど）を見つけるのが効率的です。

原因を特定するためのツール

ブラウザの開発者ツール（Lighthouse・パフォーマンスパネル）を使うと、重いファイルや長いJavaScript処理が見つかります。WordPressの内部処理が重い場合は、開発者向けプラグイン「Query Monitor」が役立ちます。遅いデータベースクエリや、負荷の高いプラグインを特定できます。

【土台】サーバー・実行環境の改善

どれだけページ側を最適化しても、サーバーの応答が遅ければLCPは改善しません。最初に見直すべきは実行環境です。

PHPを新しいバージョンにする

WordPressはPHPで動いています。PHPのバージョンが上がると、処理速度とセキュリティの両方が向上します。古いバージョンのまま運用しているサイトは、公式に推奨されている最新の安定版へ更新するだけで改善が見込めます。ただし、古いテーマやプラグインが新しいPHPに対応していないこともあります。必ずステージング環境で動作を確認してから切り替えてください。

HTTP/2・HTTP/3とサーバー性能を確認する

HTTP/2やHTTP/3に対応したサーバーでは、多数のファイルを並行して効率よく転送できます。ストレージにNVMe SSDを採用しているか、サーバーの処理能力に余裕があるかも、応答速度（TTFB）に影響します。

ページキャッシュとオブジェクトキャッシュを使い分ける

キャッシュには2つの層があります。

• ページキャッシュ：生成済みのHTMLを保存して、毎回のPHP処理を省きます。サーバー側の機能か、キャッシュプラグインを1つだけ使って実装します。
• オブジェクトキャッシュ：RedisやMemcachedを使って、データベースへの問い合わせ結果をメモリ上に保存します。会員サイトやWooCommerceなど、ページキャッシュが効きにくいサイトで特に効果を発揮します。

【効果大】画像の最適化

多くのWordPressサイトで、ページ容量の大半を占めるのが画像です。画像を最適化すると、LCPの改善に直結します。

WebP・AVIFなどの次世代フォーマットを使う

WebPは、JPEGやPNGと同等の画質を保ったままファイル容量を大幅に減らせる形式です。WordPressは5.8でWebPに、6.5でAVIFに標準で対応しました。アップロード時の自動変換や、変換プラグインの利用も検討しましょう。

表示サイズに合ったサイズで配信する

横幅800pxで表示する場所に4000pxの写真を置くと、無駄な転送が発生します。アップロードの前に適切なサイズへリサイズしてください。WordPressが自動で出力するsrcset（端末に応じた画像の出し分け）を正しく機能させることも大切です。

遅延読み込みとfetchpriorityを正しく使い分ける

WordPressは5.5以降、画像に自動でloading="lazy"（遅延読み込み）を付けます。ただし、ファーストビューの画像を遅延読み込みにすると、LCPが悪化します。

LCP画像は「優先して」読み込む

WordPress 6.3以降では、LCPの候補となる画像に自動でfetchpriority="high"が付き、遅延読み込みの対象から外れます。ただし、テーマやページビルダーが独自の方法で画像を出力していると、この仕組みが働かないことがあります。メインビジュアルが正しく優先読み込みされているか、確認しておきましょう。

画像には幅と高さを指定する

画像にwidthとheightの属性を指定すると、読み込み前に表示領域が確保されます。これでレイアウトのずれ（CLS）を防げます。

【INP対策】CSS・JavaScriptの最適化

INPを改善するカギは、ブラウザが一度に抱え込むJavaScriptの処理を減らすことです。

使っていないCSS・JavaScriptを読み込まない

お問い合わせフォームやスライダーのファイルが、全ページで読み込まれているケースはよくあります。必要なページだけで読み込むように制御すると、全ページの負荷が下がります。

defer・asyncで、描画を妨げないようにする

JavaScriptにdeferやasyncを指定すると、HTMLの解析を止めずにスクリプトを読み込めます。ただし、実行順序に依存するスクリプトに一律で指定すると、動作しなくなることがあります。1つずつ検証しながら適用してください。

長いタスクを分割する

50ミリ秒を超えるJavaScript処理は「長いタスク」と呼ばれ、ユーザー操作への反応を遅らせます。重い外部タグ（広告、チャット、解析ツールなど）は、本当に必要なものだけに絞りましょう。読み込みのタイミングを遅らせることも有効です。

Webフォントを軽くする

フォントの太さの種類を絞り、font-display: swapを指定すると、文字が表示されない時間を短くできます。日本語のWebフォントは容量が大きくなりがちなので、使う場所を見出しなどに限定するのも有効です。

WordPress本体の最新機能を活かす

近年のWordPressは、本体にパフォーマンス改善の機能が次々と追加されています。WordPressを最新の状態に保つことが、それだけで高速化対策になります。

Speculative Loading（先読み）

WordPress 6.8では、ユーザーが次に開きそうなページを事前に読み込む「Speculative Loading」が標準で搭載されました。リンクにマウスを重ねたりクリックしたりした時点で次のページの取得を始めるので、ページ間の移動が体感的に速くなります。初期設定では控えめな動作になっており、ログイン中のユーザーには適用されません。

Performance Labプラグインで新機能を試す

WordPressのパフォーマンスチームが公開している公式プラグイン「Performance Lab」を使うと、本体に取り込まれる前の最適化機能を個別に試せます。本番環境に導入する前に、テスト環境で効果と互換性を確認しましょう。

テーマ・プラグインの見直し

高速化で大事なのは、プラグインの「数」より「質」です。軽いプラグインが20個あるサイトより、重い処理をするプラグインが1つあるサイトのほうが遅くなることがあります。

負荷の高いプラグインを特定する

Query Monitorなどで処理時間を計測し、負荷の大きいプラグインを洗い出します。使っていないプラグインは、停止ではなく削除しましょう。そのうえで、同じ機能を持つ軽量な代替プラグインがないかを検討します。

テーマとページビルダーの影響

多機能なテーマやページビルダーは便利な反面、大量のCSSやJavaScriptを出力することがあります。サイトのリニューアル時には、ブロックエディター（Gutenberg）を中心とした軽量な設計に切り替えることも有力な選択肢です。

データベースとバックエンドの整理

長く運用しているサイトほど、データベースには不要なデータがたまっています。

• リビジョン：投稿の変更履歴が無制限に保存されないよう、保存数を制限する
• 自動読み込みオプション（autoload）：削除済みプラグインの設定が残り、毎回読み込まれていないか確認する
• 期限切れの一時データ（transient）：定期的に削除する
• Heartbeat API：管理画面での通信頻度を必要に応じて調整する

データベースを操作する前には、必ずバックアップを取ってください。

CDNでコンテンツを配信する

CDN（コンテンツ配信ネットワーク）は、画像やCSSなどを世界中のサーバーに分散して配信する仕組みです。アクセス元に近いサーバーから配信されるので、転送時間が短くなり、アクセスが集中したときの負荷分散やセキュリティ強化にも役立ちます。海外からのアクセスがある宿泊業のサイトや、全国から集客する企業サイトで特に効果的です。

高速化で陥りがちな失敗

よかれと思って行った対策が、かえって速度を落としたり、サイトを壊したりすることがあります。

最適化プラグインを重ねて導入する

キャッシュや圧縮の機能を持つプラグインを複数入れると、処理が競合して表示崩れや不具合の原因になります。キャッシュ系は原則1つに絞りましょう。

スコアだけを追いかける

スコアを上げるためにJavaScriptを無理に遅延させると、フォームやメニューが動かなくなることがあります。目的はスコアではなく、実際のユーザー体験と成果です。

バックアップと検証なしで本番環境を変更する

PHPの更新やデータベースの整理は、ステージング環境で検証してから本番に反映するのが鉄則です。

効果が大きい順の改善チェックリスト

限られた時間と予算で成果を出すには、次の順番で取り組むのがおすすめです。

1. PageSpeed InsightsとSearch Consoleで現状を計測する
2. PHPを最新の安定版に更新し、サーバー性能を見直す
3. ページキャッシュを導入する（キャッシュ系は1つだけ）
4. 画像をWebP/AVIF化してリサイズし、LCP画像を優先読み込みにする
5. 不要なプラグイン・外部タグ・CSS・JavaScriptを削減する
6. WordPress本体を最新に保ち、先読み機能を活かす
7. データベースを整理し、必要に応じてCDNを導入する
8. 改善後に再計測し、フィールドデータの推移を確認する

WordPressの高速化・制作代行ならコスモ企画へ

ここまで紹介した対策は、サーバー、WordPressの内部構造、デザインのすべてにまたがります。社内だけで対応するのが難しい場合は、専門家に相談するのが近道です。

1901年創業、300社以上を支援してきた経験

コスモ企画は1901年に創業し、これまでに累計300社以上のWeb制作・SEO支援に携わってきました。製造業、建設業、医療、宿泊業、士業、小売、美容など、幅広い業種のサイトを手がけています。業種ごとに異なる集客の課題を踏まえて、サイトを設計しています。

SEO・高速化・UI/UXを一貫して設計できる専門性

Googleの検索品質評価ガイドラインに基づくSEO設計を行っています。あわせて、WordPressの高速化とセキュリティ対策、UI/UXの改善、アクセス解析にもとづくコンバージョン最適化にも、一貫して対応しています。表示速度の改善を、問い合わせや予約の増加という成果につなげることを重視しています。

行政・公共団体にも選ばれている制作実績

地域の企業サイトに加えて、行政・公共団体からも制作のご依頼をいただいています。高い品質と信頼性が求められる案件で培ったノウハウを、すべてのお客様のサイト制作に活かしています。

安心して任せられる体制

• 透明な料金体系：作業内容と費用を事前に明示し、追加費用が発生する場合も必ず事前にご説明します
• セキュリティとプライバシーへの配慮：SSL化や脆弱性対策を行い、プライバシーポリシーを整備します
• 制作後の保守サポート：WordPress本体・プラグインの更新、バックアップ、速度の定期チェックまで継続して支援します

WordPress高速化に関するよくある質問

PageSpeed Insightsのスコアは何点を目指せばよいですか？

点数より、フィールドデータでLCP・INP・CLSの3指標が「良好」になっていることを目標にしてください。スコアはラボ環境での参考値なので、実際のユーザー体験とは一致しないことがあります。

キャッシュプラグインを入れるだけで速くなりますか？

サーバーの応答時間の改善には効果があります。ただし、重い画像やJavaScriptが原因の場合は、キャッシュだけでは不十分です。まず計測して、遅い原因を特定することが大切です。

高速化するとSEOの順位は上がりますか？

表示速度はGoogleのページエクスペリエンス評価の一部です。ただし、検索順位で最も重視されるのは、検索意図に合った質の高いコンテンツです。速度の改善は、良いコンテンツの評価を最大限に引き出し、離脱を防ぐための土台だと考えてください。

自社で対応するか、制作会社に依頼するかの判断基準は？

画像の圧縮や不要なプラグインの削除は、自社でも取り組めます。PHPの更新、サーバーの移転、JavaScriptの最適化、データベースの操作は、サイトが表示されなくなるリスクを伴います。専門知識のある制作会社への依頼をおすすめします。

まとめ：計測と優先順位で、ロード時間は大幅に短縮できる

WordPressの高速化は、やみくもに対策を重ねるより、計測で原因を特定してから効果の大きい順に手を打つことで、確実に成果が出ます。現在の評価基準はCore Web VitalsのLCP・INP・CLSです。サーバー環境、画像、JavaScript、WordPress本体の最新機能を組み合わせて改善しましょう。「どこから手をつければよいかわからない」「改善したいが、サイトを壊すのが不安」という方は、ぜひコスモ企画にご相談ください。現状の診断から改善、その後の保守まで一貫してサポートします。