2026年7月11日

2026年7月11日

WordPressのHTTP/2を有効化して表示速度を改善する方法

はじめに

Webサイトの表示速度はユーザーエクスペリエンスとSEOランキングに大きな影響を与えます。特にWordPressを使用している場合は、HTTP/2を有効にすることで、大幅なパフォーマンス改善が可能です。

この記事では、Linuxサーバー上でApacheやNginxを使ってHTTP/2を有効にする方法について解説します。

症状・背景

  • ページの表示速度が遅い
  • 静的ファイルの読み込みに時間がかかる
  • スマートフォンからのアクセスが多い
  • SEOランキングが低い

手順・設定方法

ステップ1: Apacheのバージョン確認とモジュールのインストール

# インストールされているApacheのバージョンを確認します。
apache2 -v

# HTTP/2に対応したモジュールがインストールされているか確認します。なければ、以下のコマンドでインストールします。
sudo a2enmod http2

ステップ2: Apache設定ファイルの編集と有効化

# サイトの設定ファイルを開きます。
nano /etc/apache2/sites-available/000-default.conf

# 設定ファイルに以下の行を追加して保存します。
Protocols h2 http/1.1

ステップ3: NginxのHTTP/2有効化と設定ファイルの編集

# バージョン情報を確認し、必要なパッケージがインストールされていることを確認します。
nginx -v
openssl version

# 設定ファイルを開きます。
nano /etc/nginx/sites-available/default

# HTTP/2を有効にする設定を追加して保存します。
server {
    listen 443 ssl http2;
}

ステップ4: リバースプロキシ環境でのHTTP/2の有効化とテスト

# リバースプロキシ(例:HAProxy)の設定ファイルを開きます。
nano /etc/haproxy/haproxy.cfg

# HTTP/2を有効にするため、設定に以下の行を追加して保存します。
frontend http_front
    bind *:80
    bind *:443 ssl alpn h2,http/1.1

# リバースプロキシのサービスを再起動します。
sudo systemctl restart haproxy

注意事項

  • 更新前のバックアップを必ず取っておくこと
  • 新しい設定が正常に動作するかどうか確認すること
  • セキュリティポリシーに従って適切なSSL証明書を使用すること
  • 環境によっては、追加のパッチや更新が必要になることがある

まとめ

1. バージョンチェック: HTTP/2を有効にする前に、ApacheやNginxの最新版がインストールされていることを確認します。

2. モジュールインストール: 必要なHTTP/2対応モジュールをインストールし、適切に設定ファイルを編集します。

3. リバースプロキシ設定: リバースプロキシ環境では、別途設定が必要になることがあります。適切な設定を行うことでHTTP/2の効果が最大化されます。

4. テストと確認: 新しい設定後は必ずテストを行い、問題がないことを確認します。

5. 定期的なメンテナンス: HTTP/2を有効化した後のパフォーマンスモニタリングや更新が必要です。

関連記事:

お気軽にご相談ください

お見積りへ お問い合わせへ