nginx靜態資源優化實踐

2021-08-14 03:43:14 字數 1287 閱讀 6932

眾所周知,nginx是一款高效能的web和反向**伺服器,具有非常強大的功能,以及非常優越的效能。 

本文只針對nginx處理靜態資源的優化,闡述具體實踐過程。

主要包括兩個方面:gizp壓縮、proxy cache快取。

1.開啟gzip壓縮功能 

gzip是一種壓縮技術,靜態資源的壓縮率在30%左右,原理是服務端壓縮後傳遞到瀏覽器進行解壓解析,絕大部分瀏覽器都支援。 

nginx開啟gzip配置

http
引數詳細說明:

在nginx中增加以上配置檔案,重啟之後再訪問,在請求頭中可以看到 content-encoding:gzip,說明已經起作用了。 

jquery-1.10.2.min.js的原始大小是92k,壓縮之後是32k 

2.配置proxy cache快取 

proxy cache快取是nginx將靜態資源存放到指定目錄,快取命中後直接返回,不需要再**到後端獲取,加快了請求速度同時也減輕了後端的壓力。 

在配置之前,先增加乙個模組ngx_cache_purge,是用來手動清除快取的。

nginx配置檔案增加proxy cache:

}引數詳細說明:

看一下請求效果,設定成功後,可以檢視nginx的快取狀態,是否命中: nginx-cache:hit。 

靜態檔案被快取後,更新時需要清除nginx cache,這裡以get訪問方式為例,清除成功提示。 

(完)

nginx配置 優化靜態資源

開啟gzip功能,gzip就是對網路傳輸的資料進行壓縮處理,從而節省頻寬。開啟nginx.conf檔案,在http模組下增加gzip on 設定靜態資源的過期時間,在http模組的server模組下增加location js css location gif jpg jpeg png bmp swf...

靜態資源優化

1.js css壓縮,減少流量 將檔案中的空格無用字元去掉,只保留有效部分,可以減少檔案大小,但是可讀性很差。很多開源的js css提供兩個版本的檔案,乙個是壓縮版的,乙個是可正常閱讀版的。2.多個js css組合,減少連線數 專案比較複雜的時候會有很多js css檔案,可以將多個檔案合併,減少檔案...

nginx配置靜態資源

http請求 server location project1 error page 500 502 503 504 50x.html location 50x.html 此時訪問www.test.com 進入location 訪問www.test.com project1 進入location p...