1. 程式人生 > >Nginx 如何 開啟gzip 來提高頁面載入速度

Nginx 如何 開啟gzip 來提高頁面載入速度

環境:CentOS7.x 

1、開啟Nginx配置檔案

vi /etc/nginx/nginx.conf

或者 vi /etc/nginx/conf.d/gzip.conf

兩種方法取一種即可。

如果原來的系統已有/etc/nginx/conf.d/gzip.conf,則必須修改該檔案,加入下面的資訊。

2、往nginx.conf或者gzip.conf檔案中加入如下資訊,但是不能兩個都加,會報錯的!

gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
#gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary off;
gzip_disable "MSIE [1-6]\.";

3、解釋一下

第1行:開啟Gzip

第2行:不壓縮臨界值,大於1K的才壓縮,一般不用改

第3行:buffer,就是,嗯,算了不解釋了,不用改

第4行:用了反向代理的話,末端通訊是HTTP/1.0,有需求的應該也不用看我這科普文了;有這句的話註釋了就行了,預設是HTTP/1.1

第5行:壓縮級別,1-10,數字越大壓縮的越好,時間也越長,看心情隨便改吧

第6行:進行壓縮的檔案型別,缺啥補啥就行了,JavaScript有兩種寫法,最好都寫上吧,總有人抱怨js檔案沒有壓縮,其實多寫一種格式application/javascript 就行了

第7行:跟Squid等快取服務有關,on的話會在Header裡增加"Vary: Accept-Encoding",我不需要這玩意,自己對照情況看著辦吧

第8行:IE6對Gzip不怎麼友好,不給它Gzip了

4、:wq儲存退出,重新載入Nginx

 systemctl reload nginx; systemctl restart nginx

5、用curl測試Gzip是否成功開啟

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:13:09 GMT
Content-Type: text/html; charset=UTF-8
Connection: keep-alive


X-Powered-By: PHP/5.2.17p1
X-Pingback: http://www.slyar.com/blog/xmlrpc.php
Content-Encoding: gzip

頁面成功壓縮

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/photonic/include/css/photonic.css"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:21:25 GMT
Content-Type: text/css
Last-Modified: Sun, 26 Aug 2012 15:17:07 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:21:25 GMT
Cache-Control: max-age=43200
Content-Encoding: gzip

css檔案成功壓縮

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-includes/js/jquery/jquery.js"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:21:38 GMT
Content-Type: application/x-javascript
Last-Modified: Thu, 12 Jul 2012 17:42:45 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:21:38 GMT
Cache-Control: max-age=43200
Content-Encoding: gzip

js檔案成功壓縮

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/uploads/2012/08/2012-08-23_203542.png"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:22:45 GMT
Content-Type: image/png
Last-Modified: Thu, 23 Aug 2012 13:50:53 GMT
Connection: keep-alive
Expires: Tue, 25 Sep 2012 18:22:45 GMT
Cache-Control: max-age=2592000
Content-Encoding: gzip

圖片成功壓縮

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/wp-multicollinks/wp-multicollinks.css"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:23:27 GMT
Content-Type: text/css
Content-Length: 180
Last-Modified: Sat, 02 May 2009 08:46:15 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:23:27 GMT
Cache-Control: max-age=43200
Accept-Ranges: bytes

最後來個不到1K的檔案,由於我的閾值是1K,所以沒壓縮.

相關推薦

Nginx 如何 開啟gzip 提高頁面載入速度

環境:CentOS7.x 1、開啟Nginx配置檔案vi /etc/nginx/nginx.conf或者 vi /etc/nginx/conf.d/gzip.conf兩種方法取一種即可。如果原來的系統已有/etc/nginx/conf.d/gzip.conf,則必須修改該檔案

Nginx開啟Gzip壓縮提高頁面載入速度

# 開啟Nginx配置檔案 vim /usr/local/nginx/conf/nginx.conf # 找到如下,進行修改 gzip on; // 開啟Gzip gzip_min_length 1k; // 不壓縮臨界值,大於1K的才壓

Web前端新能優化——如何提高頁面載入速度

前言:  在同樣的網路環境下,兩個同樣能滿足你的需求的網站,一個“Duang”的一下就加載出來了,一個糾結了半天才出來,你會選擇哪個?研究表明:使用者最滿

web前端效能優化--如何提高頁面載入速度

對一名前端工作人員來說,效能的優化還是很重要的. 減少http請求 ​ 1.圖片地圖:假設導航欄有多張圖片,點選每張圖片都會進入一個連線,這樣在載入時就會產生多個htttp請求.而此時如果我們用圖片地圖——所有點選提交到同一個url,同時提交使用者點選

Android 如何提高頁面載入速度

最近整理了一些關於載入頁面佈局檔案方面的資料,覺得對我以後的android開發工作很有幫助。我們不能只是單純的滿足於在程式碼中把介面實現,把功能實現,因為這隻能稱為是“翻譯”介面,“翻譯”功能。我們要做的是要把我們的應用更快,更好的,更穩定的執行的手機中!所以我們要關注每個

提高網站頁面載入速度的方法

我們在訪問一些網站時,總是感覺頁面載入的速度不夠快,這是什麼原因導致的呢?作為網站的開發者又能做哪些優化,來提高頁面的載入速度呢? 工具/原料   網頁開發工具

提高Web端頁面載入速度的6個方法

阿伯丁集團曾對使用者進行調查,結果顯示,網站頁面載入時間每延長1秒,就會減少11%的頁面瀏覽量,降低16%的客戶滿意度,降低7%的轉化率。亞馬遜也通過調查證實,網頁開啟的速度每提高100毫秒,能為網站增多1%的收益。類似的證實還有很多,網頁開啟的速度直接關係到網站的收益,已毋庸置疑。 這就是為什麼

nginx開啟gzip和靜態檔案快取提高

網頁壓縮        網頁壓縮是一項由 WEB 伺服器和瀏覽器之間共同遵守的協議,也就是說 WEB 伺服器和瀏覽器都必須支援該技術,所幸的是現在流行的瀏覽器都是支援的,包括 IE、FireFox、Opera 等;伺服器有 Apache 和 IIS 等。雙

大幅提高 firefox 頁面載入速度

     Firefox好是好,只是速度有點慢,在Windows下可比不了Opera,但經過以下調整,會快不少耶    步驟:先在位址列鍵入about:config 設定 "network.http.pipelining" 為 "true" 設定 "network.http.

jsp的凝視可能會影響頁面載入速度

div 得到 iter trac java dsm 影響 ict -m 在jsp頁面使用"<!-- -->"的凝視,凝視裏面的java代碼還是會得到運行,能夠再查看頁面源碼上看到運行完畢的內容,這樣就會讓不希望運行的代碼得到運行。影響載入速度。比方例

提高圖片載入速度

webpack.config的圖片test的loader,可以使用file-loader 或者 url-loader, url-loader打包時是根據入口html路徑,所以直接打包會失敗,要改路徑,而file-loader不會 但是url-loader會提高效能,還比file-loader

nginx開啟gzip網頁資源壓縮

一、nginx開啟日誌功能 首先修改修改生成日誌的格式,在nginx配置檔案的http裡新增如下內容: log_format '$remote_addr - $remote_user [$time_l

怎樣優化頁面載入速度

一、優化圖片 1、減少圖片數:去除不必要的圖片。 a、將多個可repeat的背景圖片合併做成一張小尺寸css sprites圖片以代替多張大尺寸的背景圖; b、將頁面上固定尺寸的小圖示、(特別是帶hover效果的)按鈕等整合成一張css sprites圖片(

web前端壓縮圖片方法——加快頁面載入速度

       對於web前端頁面開發,圖片是一個很重要的組成部分。為了達到圖文並茂的效果,我們希望頁面中能有更多的圖片,但是從頁面載入的速度講,過多過大的圖片都會拖慢載入速度。於是對於圖片的壓縮處理就

前端提升頁面載入速度

效能黃金法則:只有10%~20%的終端使用者響應時間花在了下載HTML文件上。其餘的80%~90%時間花在了下載頁面中的所有元件上。提升載入速度的方式:一、減少HTTP請求(1).合併指令碼 和樣式表將多個樣式表或者指令碼檔案合併到一個檔案中,可以減少HTTP請求的數量從而縮

c# winform 提高介面載入速度

說明: 從一個技術交流群裡獲得,經驗證效果不錯。 //作用 加快介面載入         protected override CreateParams CreateParams          {             get             {

Nginx開啟Gzip詳解

最近生產上發生了一些問題,原先所有的靜態資原始檔都是經過gzip壓縮的,然而這幾天突然都沒有壓縮了,經過一頓排查,發現是Nginx的配置有問題,藉此機會詳細瞭解了Nginx的Gzip配置。 1. Nginx開啟Gzip Nginx實現資源壓縮的原理是通

nginx開啟gzip壓縮

在網上查了很多資料,大家都是這麼說的:gzip on; gzip_min_length 1k; gzip_buffers 4 16k; #gzip_http_version 1.0; gzip_comp_level 2; gzip_ty

解決頁面載入速度慢的6個方法

我們在對網站進行seo佈局設計的時候必須考慮到網站的載入速度,一個快速的網站肯定呢掛鉤更好的留住客戶哦。我們之前也談到了很多關於seo優化的一些其他注意事項,但是在載入速度上,我還沒和大家談,下面就來看看吧。網頁的響應時間是影響其可用性的重要因素,如果在短時間內不能載入完

駁:10種優化頁面載入速度的方法[到底是什麼影響前端效能!][前端效能視覺化!]...

多數遇到自己網站自己開啟緩慢或者群裡由人反饋說自己網站開啟緩慢,時往往會做3件事情 1:谷歌搜尋 網站速度測試工具,然後點選某一個連線看看,網站是不是很慢,或者是不是在全國很快. 2:谷歌搜尋 網站慢的原因,然後腦補各種影響網站慢的原因,在自己網站上找一邊,