Nginx HTTP2 configuration tutorial to improve website access speed

Nginx HTTP2 configuration tutorial, improve website access speed

Overview:
In the modern Internet, fast website loading speed is one of the key elements to attract users. HTTP/2 is a new generation of network communication protocol that optimizes data transmission to make websites load faster and perform better. This tutorial will guide you how to use Nginx server to configure HTTP/2 to improve website access speed.

Step 1: Install Nginx
First, install Nginx on your server. Depending on the operating system you are using, you can refer to the corresponding documentation for installation.

Step 2: Generate SSL Certificate
In order to use HTTP/2, you need to generate an SSL certificate for your website. You can use a free SSL certificate authority like Let's Encrypt or purchase a commercial SSL certificate.

Step 3: Configure Nginx
Find your Nginx configuration file, usually located at /etc/nginx/nginx.conf or /etc/nginx/sites-available/default. Make the following configuration in this file:

1. Enable HTTP/2 support
   Add the following configuration in the http block:

http {

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

...

}

2. Configure cipher suite
   Add the following configuration in ssl_protocols and ssl_ciphers:

http {

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

...

}

3. Enable gzip compression
   Add the following configuration in the server block:

server {

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

...

}

4. Configuration cache
   Add the following configuration in the server block:

server {

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

...

}

5. Configure redirect HTTP to HTTPS
   In the server block Add the following configuration:

server {

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

...

}

6. Restart Nginx
   After completing the above configuration, save the Nginx configuration file and restart Start the Nginx service. You can use the following command:

sudo nginx -t # Check whether the configuration file has syntax errors
sudo systemctl restart nginx # Restart the Nginx service

Step 4: Test HTTP/2
Visit your website through a browser and open the browser's developer tools. In the "Network" tab, check if the HTTP version is HTTP/2.

Code example:
The following is a simple Nginx configuration example for reference:

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";
    }
}

}

Conclusion:
By enabling HTTP/2 in Nginx and performing some optimization configurations, the access speed of your website can be significantly improved. At the same time, you can also configure caching, enable gzip compression, etc. to further improve the user's access experience. I hope this tutorial was helpful and may your website be faster and smoother!

The above is the detailed content of Nginx HTTP2 configuration tutorial to improve website access speed. For more information, please follow other related articles on the PHP Chinese website!