前端頁面載入速度優化 Ngnix之GZIP壓縮

2022-09-11 07:30:16 字數 846 閱讀 8684

gzip on; #開啟gzip

gzip_static on;#是否開啟gzip靜態資源 #nginx對於靜態檔案的處理模組,該模組可以讀取預先壓縮的gz檔案,這樣可以減少每次請求進行gzip壓縮的cpu資源消耗。該模組啟用後,nginx首先檢查是否存在請求靜態檔案的gz結尾的檔案,如果有則直接返回該gz檔案內容。為了要相容不支援gzip的瀏覽器,啟用gzip_static模組就必須同時保留原始靜態檔案和gz檔案。這樣的話,在有大量靜態檔案的情況下,將會大大增加磁碟空間。我們可以利用nginx的反向**功能實現只保留gz檔案。

gzip_min_length 1k; #不壓縮臨界值,大於1k的才壓縮,一般不用改

gzip_buffers

416k; #buffer,就是,嗯,算了不解釋了,不用改

用了反向**的話,末端通訊是http/1.0,有需求的應該也不用看我這科普文了;有這句的話注釋了就行了,預設是http/1.1

gzip_comp_level 2; # 壓縮級別,1-10

,數字越大壓縮的越好,時間也越長!

gzip_vary off; #跟squid等快取服務有關,on的話會在header裡增加

"vary: accept-encoding

",我不需要這玩意,自己對照情況看著辦吧

gzip_disable

"msie [1-6]\.

"; #ie6對gzip不怎麼友好,不給它gzip了

驗證:

優化頁面載入速度

1.js css html做gzip壓縮 不要對進行gzip壓縮 2.刪除js css html 檔案的注釋,回車符,以及無效位元組 4.css放到header中,避免白屏 5.合併js和css 壓縮js和css 6.優化快取 對沒有變化的css js,等網頁元素,直接利用客戶端的瀏覽器快取讀取來有...

載入頁面訪問速度 優化

一 優化 即使在現在,網路頻寬有了很多的提高,56k貓逐漸淡出,優化以加快網頁速度還是很有必要的。優化包括減少數 降低影象質量 使用恰當的格式。2 降低影象質量 如果不是很必要,嘗試降低影象的質量,尤其是jpg格式,降低5 的質量看起來變化不是很大,但檔案大小的變化是比較大的。二 影象格式的選擇 1...

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

最近參加了兩次前端面試,都提到了頁面優化的問題,所以做個記錄吧!字型圖示 在可以大量使用字型圖示的地方我們可以盡可能使用字型圖示,字型圖示可以減少很多的使用,從而減少http請求,字型圖示還可以通過css來設定顏色 大小等樣式。將樣式表放在頭部對於實際頁面載入的時間並不能造成太大影響,但是這會減少頁...