2. 程式人生 > 實用技巧 >008.Nginx靜態資源

008.Nginx靜態資源

阿新 • • 發佈：2020-07-13

一 Nginx靜態資源概述

1.1 靜態資源型別

Nginx作為靜態資源Web伺服器部署配置, 傳輸非常高效, 常常用於靜態資源處理，請求以及動靜分離。通常非伺服器動態執行生成的檔案屬於靜態資源。



型別
種類
瀏覽器端渲染 HTML、CSS、JS
圖片 JPEG、GIF、PNG
視訊 FLV、MP4
檔案 TXT及其他型別檔案

1.2 靜態資源場景

簡單靜態站點場景： 靜態站點加速場景：

二 靜態資源優化配置

2.1 sendfile

預設情況下，Nginx會自行處理檔案傳輸，並在傳送之前將檔案複製到緩衝區中。啟用sendfile指令跳過了將資料複製到緩衝區的步驟，並允許將資料從一個檔案描述符直接複製到另一個檔案描述符。同時，為了防止一個快速連線完全佔用工作程式，也可以使用sendfile_max_chunk指令限制單個sendfile()呼叫中傳輸的資料量。 語法：sendfile on | off; 預設：sendfile off; 可配置段：http，server，location，if in location 配置示例： 
  1 location /mp3 {
 

  2     #...

  3     sendfile		on;

  4     sendfile_max_chunk	1m;

  5     #...

  6 }

2.2 tcp_nopush

將tcp_nopush指令與sendfile on;指令一起使用,可以使NGINX在sendfile()獲取資料塊之後立即在一個資料包中傳送HTTP響應頭。即在sendfile開啟情況下，提高網路包的"傳輸效率"。 語法：tcp_nopush on | off; 預設：tcp_nopush off; 可配置段：http, server, location 配置示例： 
  1 location /mp3 {
 

  2     #...

  3     sendfile   on;

  4     tcp_nopush on;

  5     #...

  6 }

2.3 tcp_nodelay

tcp_nodelay指令允許覆蓋Nagle的演演算法，該演演算法最初設計用於解決慢速網路中小資料包的問題。該演演算法將許多小資料包合併為一個較大的資料包，並以200毫秒的延遲傳送資料包。如今，在提供大型靜態檔案時，無論資料包大小如何，都可以立即傳送資料。延遲也會影響線上應用程式（ssh，線上遊戲，線上交易等）。預設情況下，tcp_nodelay指令設定為on，這意味著禁用了Nagle的演演算法。此指令僅用於keepalive連線。因此tcp_nodelay提高網路包的"實時性"。 語法：tcp_nodelay on | off; 預設：tcp_nodelay on; 可配置段：http, server, location 配置示例： 
  1 location /mp3  {
 

  2     #...

  3     tcp_nodelay       on;

  4     keepalive_timeout 65;

  5     #...

  6 }

三 靜態資源壓縮選項

3.1 gzip壓縮配置

Nginx將響應報文傳送至客戶端之前可以啟用壓縮功能，這能夠有效地節約頻寬，並提高響應至客戶端的速度。 語法：gzip on | off; 預設值：gzip off; 可配置段：http, server, location, if in location 配置示例： 
  1 location /mp3  {

  2     #...

  3     gzip	on;

  4     #...

  5 }

3.2 gzip壓縮比配置

語法：gzip_comp_level level; 預設值：gzip_comp_level 1; 可配置段：http, server, location 配置示例： 
  1 location /mp3  {

  2     #...

  3     gzip	on;

  4     gzip_comp_level 6;

  5     #...

  6 }
提示：


  • 過高的壓縮比比較耗費服務端效能。


    •

  • 隨著壓縮級別的升高，壓縮比有所提高，但到了級別6後，很難再提高；


    •

  • 隨著壓縮級別的升高，處理時間明顯變慢；


    •

  • gzip很消耗cpu的效能，高併發情況下cpu達到100%。

    • 3.3 gzip壓縮協議版本配置

    語法：gzip_http_version 1.0 | 1.1; 預設值：gzip_http_version 1.1; 可配置段：http, server, location 配置示例： 
      1 location /mp3  {
    
  2     #...
    
  3     gzip	on;
    
  4     gzip_comp_level 6;
    
  5 gzip_http_version 1.1;
    
  6     #...
    
  7 }
    提示：也可不設定，目前主流幾乎都是v1.1版本協議。



    3.4 gzip預壓縮配置

    Nginx的動態壓縮是對每個請求先壓縮再輸出，會造成服務端一定程度的CPU消耗，因此可以利用nginx模組Gzip Precompression模組。同時nginx預設安裝ngx_http_gzip_module，採用的是chunked方式的動態壓縮，靜態壓縮需要使用http_gzip_static_module模組，進行pre-compress。對需要壓縮的檔案，直接讀取已經壓縮好的檔案(檔名為加.gz)，而不是動態壓縮，對於不支援gzip的請求則讀取原檔案，即預壓縮。 語法：gzip_static on | off | always; 預設值：gzip_static off; 可配置段：http, server, location 配置示例： 
      1 location /mp3  {
    
  2     #...
    
  3 gzip_static  on;
    
  4 gzip_proxied expired no-cache no-store private auth;
    
  5     #..
    
  6 }
    注意：


    檔案可以使用gzip命令來進行壓縮，或任何其他相容的命令，建議壓縮檔案和原始檔案的修改日期和時間保持一致。


    gzip_static配置優先順序高於gzip。


    開啟nginx_static後，對於任何檔案都會先查詢是否有對應的gz檔案。


    gzip_types設定對gzip_static無效。


    gzip static預設適用HTTP 1.1。

    3.5 gzip_buffers壓縮緩衝配置

    設定系統獲取幾個單位的快取用於儲存gzip的壓縮結果資料流。如果沒有設定，預設值是申請跟原始資料相同大小的記憶體空間去儲存gzip壓縮結果。 語法：gzip_buffers number size; 預設值：gzip_buffers 32 4k|16 8k; 可配置段：http, server, location 配置示例： 
      1 location /mp3  {
    
  2     #...
    
  3 gzip_buffers 32 4k
    
  4     #...
    
  5 }
    示例解釋：如上32 4K表示按照記憶體頁（one memory page）大小以4K為單位（即一個系統中記憶體頁為4K），申請32倍的記憶體空間。

    3.6 gzip_disable例外配置

    針對特定的情況，排除在壓縮之外，即不壓縮。 語法：gzip_disable regex ...; 可配置段：http, server, location 配置示例： 
      1 location /mp3  {
    
  2     #...
    
  3 gzip on;
    
  4 gzip_buffers 4 16k;
    
  5 gzip_comp_level 2;
    
  6 gzip_disable "MSIE [1-6]\.";
    
  7     #...
    
  8 }
    示例釋義：關閉IE6及以下的瀏覽器壓縮。

    3.7 gzip_min_length特定的大小壓縮配置

    當返回內容大於此值時才會使用gzip進行壓縮，單位為位元組，當值為0時，所有頁面都進行壓縮。 語法：gzip_min_length length; 預設值：gzip_min_length 20; 可配置段：http, server, location 配置示例： 
      1 location /mp3  {
    
  2     #...
    
  3 gzip on;
    
  4 gzip_buffers 4 16k;
    
  5 gzip_min_length 1k;
    
  6 gzip_comp_level 2;
    
  7 gzip_disable "MSIE [1-6]\.";
    
  8     #...
    
  9 }

    3.8 gzip_types壓縮型別配置

    語法：gzip_types mime-type ...; 預設值：gzip_types text/html; 可配置段：http, server, location 
      1 location /myhome  {
    
  2     #...
    
  3 gzip on;
    
  4 gzip_min_length 1k;
    
  5 gzip_buffers 4 16k;
    
  6 gzip_comp_level 2;
    
  7 gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    
  8 gzip_disable "MSIE [1-6]\.";
    
  9     #...
    
 10 }

    3.9 gzip_proxied反向代理壓縮配置

    Nginx作為反向代理的時候啟用，開啟或者關閉後端伺服器返回的結果，匹配的前提是後端伺服器必須要返回包含"Via"的header頭。 語法：gzip_proxied off | expired | no-cache | no-store | private | no_last_modified | no_etag | auth | any ...; 預設值：gzip_proxied off; 可配置段：http, server, location 引數釋義：
  • off：關閉所有的代理結果資料的壓縮
  • expired：如果header頭中包含 "Expires" 頭資訊，啟用壓縮；
  • no-cache：如果header頭中包含 "Cache-Control:no-cache" 頭資訊，啟用壓縮；
  • no-store：如果header頭中包含 "Cache-Control:no-store" 頭資訊，啟用壓縮；
  • private：如果header頭中包含 "Cache-Control:private" 頭資訊，啟用壓縮；
  • no_last_modified：如果header頭中不包含 "Last-Modified" 頭資訊，啟用壓縮；
  • no_etag：如果header頭中不包含 "ETag" 頭資訊，啟用壓縮；
  • auth：如果header頭中包含 "Authorization" 頭資訊，啟用壓縮；
  • any：無條件啟用壓縮。

    • 四 靜態資源壓縮配置

    4.1 建立站點目錄

    [[email protected] ~]# mkdir /usr/share/nginx/gzip/ 上傳用於測試的html、png、css等檔案，提前檢視檔案大小。

    4.2 配置虛擬主機

      1 [[email protected] ~]# vi /etc/nginx/conf.d/gzip.conf
    
  2 server {
    
  3     listen 80;
    
  4     server_name  gzip.linuxds.com;
    
  5     sendfile on;
    
  6     access_log  /var/log/nginx/gzip.access.log  main;
    
  7     error_log   /var/log/nginx/gzip.error.log  warn;
    
  8     location / {
    
  9         root /usr/share/nginx/gzip;
    
 10         index  index.html;
    
 11
    
 12         gzip on;
    
 13         gzip_min_length 1k;
    
 14         gzip_buffers 4 16k;
    
 15         gzip_http_version 1.1;
    
 16         gzip_comp_level 2;
    
 17         gzip_disable "MSIE [1-6]\.";
    
 18         gzip_types text/plain application/json application/x-javascript application/javascript text/css application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif imag
    
 19 e/png;
    
 20     }
    
 21 }
      1 [[email protected] ~]# nginx -t -c /etc/nginx/nginx.conf	#檢查配置檔案
    
  2 [[email protected] ~]# nginx -s reload			#過載配置檔案

    4.3 確認驗證

    使用curl測試站點是否啟用gzip： 
      1 [[email protected] ~]# curl -I -H "Accept-Encoding: gzip, deflate" "http://gzip.linuxds.com/css/test.css"
    
  2 [[email protected] ~]# curl -I -H "Accept-Encoding: gzip, deflate" "http://gzip.linuxds.com/images/test.jpeg"
    
  3 [[email protected] ~]# curl -I -H "Accept-Encoding: gzip, deflate" "http://gzip.linuxds.com/js/test.js"
    也可通過chrome瀏覽器，開啟F12開發者模式後訪問：http://gzip.linuxds.com/css/test.css 提示：同時可通過將gzip_min_length設定為500k再進行觀察，可知只有test.png和test.js，兩個大於500k的檔案才會被壓縮，css不會進行壓縮。 參考：https://www.cnblogs.com/xzkzzz/p/9224358.html

    相關推薦

    008.Nginx靜態資源

    一 Nginx靜態資源概述 1.1 靜態資源型別 Nginx作為靜態資源Web伺服器部署配置, 傳輸非常高效, 常常用於靜態資源處理，請求以及動靜分離。通常非伺服器動態執行生成的檔案屬於靜態資源。

    Nginx靜態資源

    一 Nginx靜態資源概述 1.1 靜態資源型別 Nginx作為靜態資源Web伺服器部署配置, 傳輸非常高效, 常常用於靜態資源處理，請求以及動靜分離。通常非伺服器動態執行生成的檔案屬於靜態資源。

    nginx 靜態資源轉發

    NGINX 代理轉發，NGINX 靜態資源轉發 通過nginx代理靜態資源（js/css 等） spring boot 建立web應用時請求URL無法訪問樣式問題？

    nginx靜態資源配置

    root與alias root會拼接location alias不會拼接location 例如root location /static{     root /home/nginx-1.11.2.4/html/pc/dist;

    Nginx同一個server部署多個靜態資源目錄

    一般情況，有時候業務需求，需要在一個server下面不同目錄部署兩個不同的專案。

    nginx用法總結，對映靜態資源，代理http，負載均衡，tcp服務

    安裝 我測試環境是在mac，平時用的伺服器有ubuntu和centos # mac brew install nginx # ubuntu

    nginx代理出現靜態資源讀取不到

    技術標籤：nginxnginx 原因：讀取到是nginx伺服器地址下的靜態資源，而非被代理伺服器的靜態資源。 解決：設定如下，形似動靜分離

    nginx反向代理部署springboot專案報404無法載入靜態資源

    問題：nginx反向代理部署springboot專案報404無法載入靜態資源（css,js,jpg,png...）

    nginx 做靜態資源伺服器

    1 配置檔案 /etc/nginx/nginx.conf # For more information on configuration, see: #* Official English Documentation: http://nginx.org/en/docs/

    Nginx：靜態資源壓縮

    靜態資源壓縮簡介 在Nginx的配置檔案中可以通過配置gzip來對靜態資源進行壓縮，相關的指令可以配置在http塊、server塊和location塊中，Nginx可以通過

    Nginx 搭建靜態資源 Web 伺服器（共享檔案）

    1.安裝nginx：yum install nginx -y 2.檢視是否安裝成功：rpm -qa | grep nginx 3.找到nginx的安裝目錄：/etc/nginx

    nginx配置訪問本地靜態資源

    摘自：https://blog.csdn.net/qq_37996327/article/details/120716723 下面說說如何在windows下使用nginx作為靜態資源伺服器，

    SpringBoot中的五種對靜態資源的對映規則的實現

    SpringBoot中的SpringMVC配置功能都是在WebMvcAutoConfiguration類中，xxxxAutoConfiguration就是幫我們給容器中自動配置元件的；idea全域性搜尋的快捷鍵是兩次shift，檢視webMvcAutoConfiguration 檢視webMvc自動配

    Springboot如何設定靜態資源快取一年

    這篇文章主要介紹了Springboot如何設定靜態資源快取一年,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

    springboot2版本無法載入靜態資源問題解決

    前言 在學習springboot的過程中，發現無法引用靜態資源。我使用的是springboot2.2.1版本。

    springboot專案訪問靜態資源的配置程式碼例項

    這篇文章主要介紹了springboot專案訪問靜態資源的配置程式碼例項,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

    WPF 如何在靜態資源定義字型大小

    原文:WPF 如何在靜態資源定義字型大小 預設的 WPF 的字型大小的單位是畫素，如果想要將字型大小使用 pt 點表示，寫在 xaml 裡面是直接新增 pt 字尾。但是此時如果在靜態資源嘗試定義的時候寫上了 pt 將會在執行的時

    Java SSM框架如何配置靜態資源載入

    Java SSM框架即指Spring+SpringMVC+MyBatis的簡稱，框架集由Spring、MyBatis兩個開源框架整合而成（SpringMVC是Spring中的部分內容）,常作為資料來源較簡單的web專案的框架。

    SpringBoot靜態資源路徑配置及主頁顯示

    靜態資源路徑 靜態資源支援放在以下路徑中，訪問優先順序從上到下： classpath:/META-INF/resources/

    Django靜態資源部署404問題解決方案

    解決方法： 1.首先你需要在自己的app下面建立2個目錄 static 和 templates static下存放靜態檔案，templates下存放網頁模板檔案