Web サイトのアクセス速度を向上させるための Nginx HTTP2 構成チュートリアル

Nginx HTTP2 構成チュートリアル、Web サイトのアクセス速度の向上

概要:
現代のインターネットでは、Web サイトの読み込み速度の速さは、ユーザーを引き付ける重要な要素の 1 つです。 HTTP/2 は、データ送信を最適化して Web サイトの読み込みを高速化し、パフォーマンスを向上させる新世代のネットワーク通信プロトコルです。このチュートリアルでは、Nginx サーバーを使用して HTTP/2 を構成し、Web サイトのアクセス速度を向上させる方法を説明します。

ステップ 1: Nginx をインストールする
まず、サーバーに Nginx をインストールします。使用しているオペレーティング システムに応じて、インストールについては対応するドキュメントを参照してください。

ステップ 2: SSL 証明書を生成する
HTTP/2 を使用するには、Web サイトの SSL 証明書を生成する必要があります。 Let's Encrypt などの無料の SSL 認証局を使用することも、商用 SSL 証明書を購入することもできます。

ステップ 3: Nginx を構成する
Nginx 構成ファイルを見つけます。通常は /etc/nginx/nginx.conf または /etc/nginx/sites-available/default にあります。このファイルで次の設定を行います:

1. Enable HTTP/2 support
   http ブロックに次の設定を追加します:

http {

listen 443 ssl http2;
ssl_certificate /path/to/your/ssl/certificate.crt;
ssl_certificate_key /path/to/your/ssl/private.key;

...

}

2. 暗号スイートの構成
   ssl_protocols および ssl_ciphers に次の構成を追加します:

http {

...
ssl_protocols TLSv1.2 TLSv1.3;
ssl_ciphers HIGH:!aNULL:!MD5;

...

}

3. gzip 圧縮を有効にする
   次の構成をサーバー ブロックに追加します:

server {

...
gzip on;
gzip_types text/plain text/css application/javascript image/svg+xml;

...

}

4. 構成キャッシュ
   次の構成をサーバー ブロックに追加します。

server {

...
location ~* .(jpg|jpeg|gif|png|css|js)$ {
    expires 1y;
    add_header Cache-Control "public";
}

...

}

5. HTTP から HTTPS へのリダイレクトを構成します。サーバーブロック 次の設定を追加します:
   

server {

...
listen 80;
server_name yourdomain.com;
return 301 https://yourdomain.com$request_uri;

...

}

Nginx を再起動
6. 上記の設定が完了したら、Nginx 設定を保存しますファイルを作成して再起動し、Nginx サービスを開始します。次のコマンドを使用できます:
   

sudo nginx -t # 構成ファイルに構文エラーがあるかどうかを確認します

sudo systemctl restart nginx # Nginx サービスを再起動します

ステップ 4: HTTP/2 をテストする

ブラウザを通じて Web サイトにアクセスし、ブラウザの開発者ツールを開きます。 「ネットワーク」タブで、HTTP バージョンが HTTP/2 であるかどうかを確認します。

コード例:

以下は参考のための簡単な Nginx 構成例です:

http {

server {
    listen       443 ssl http2;
    server_name  yourdomain.com;

    ssl_certificate      /path/to/your/ssl/certificate.crt;
    ssl_certificate_key  /path/to/your/ssl/private.key;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }
    
    location ~* .(jpg|jpeg|gif|png|css|js)$ {
        expires 1y;
        add_header Cache-Control "public";
    }
}

}

結論:

Nginx で HTTP/2 を有効にし、いくつかの最適化構成を実行すると、Web サイトのアクセス速度が大幅に向上します。同時に、キャッシュを構成したり、gzip 圧縮を有効にしたりして、ユーザーのアクセス エクスペリエンスをさらに向上させることもできます。このチュートリアルがお役に立ち、あなたのウェブサイトがより速く、よりスムーズになることを願っています。

以上がWeb サイトのアクセス速度を向上させるための Nginx HTTP2 構成チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。