首頁  >  文章  >  運維  >  Nginx HTTP2設定教程,提升網站存取速度

Nginx HTTP2設定教程,提升網站存取速度

WBOY
WBOY原創
2023-07-04 17:28:372859瀏覽

Nginx HTTP2設定教學課程,提升網站存取速度

概述:
在現代網路中,快速的網站載入速度是吸引使用者的關鍵要素之一。 HTTP/2是一種新一代的網路通訊協議,它透過優化資料傳輸的方式,使得網站的載入速度更快、效能更佳。本教學將指導您如何使用Nginx伺服器進行HTTP/2的配置,進而提升網站的存取速度。

步驟一:安裝Nginx
首先,在您的伺服器上安裝Nginx。根據您使用的作業系統不同,可以參考對應的文件進行安裝。

步驟二:產生SSL憑證
為了使用HTTP/2,您需要為您的網站產生一個SSL憑證。您可以使用Let's Encrypt等免費的SSL憑證授權單位,也可以購買商業SSL憑證。

步驟三:設定Nginx
找到您的Nginx設定文件,通常位於/etc/nginx/nginx.conf或/etc/nginx/sites-available/default。在該檔案中進行如下設定:

  1. 開啟HTTP/2支援
    在http區塊中新增以下設定:

http {

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

...

}

  1. 配置加密套件
    在ssl_protocols和ssl_ciphers中加入以下設定:
##http {

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

...

}

    啟用gzip壓縮
  1. 在server區塊中新增以下設定:
  2. ##server {
...
gzip on;
gzip_types text/plain text/css application/javascript image/svg+xml;

...

}

設定快取
    在server區塊中加入以下設定:

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

...

}

設定重定向HTTP到HTTPS
    在server區塊中新增以下設定:

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

...

}

#重啟Nginx
    在完成以上設定後,儲存Nginx設定文件,並重新啟動Nginx服務。可以使用以下指令:

  1. sudo nginx -t # 檢查設定檔是否有語法錯誤
sudo systemctl restart nginx # 重啟Nginx服務


#步驟四:測試HTTP/2

透過瀏覽器造訪您的網站,並開啟瀏覽器的開發者工具。在"Network"標籤中,檢查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,並進行一些最佳化配置,能夠明顯提升您網站的存取速度。同時,還可以設定快取、啟用gzip壓縮等,進一步改善使用者的存取體驗。希望本教學對您有幫助,祝您的網站更快、更流暢!

以上是Nginx HTTP2設定教程,提升網站存取速度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn