Nginx優化服務之網頁壓縮

配置網頁壓縮,節省資源

1,首先我們先修改配置

vim /usr/local/nginx/conf/nginx.conf
http {
......
   gzip on;                #取消註釋,開啓gzip壓縮功能
   gzip_min_length 1k;     #最小壓縮文件的大小
   gzip_buffers 4 64k;     #壓縮緩衝區,大小爲4個64k緩衝區
   gzip_http_version 1.1;  #壓縮版本(默認1.1,前端如果是squid2.5請使用1.0)
   gzip_comp_level 6;      #壓縮比率
   gzip_vary on;           #支持前端緩存服務器存儲壓縮頁面
   gzip_types test/plain text/javascript application/x-javascript text/css text/xml application/xml application/xml+rss
   image/jpg image/jpeg image/png image/gif application/x-httpd-php application/javascript application/json;
   #壓縮類型,表示哪些網頁文檔啓用壓縮功能
......
}  

在這裏插入圖片描述

在這裏插入圖片描述

2,將我們需要展示的圖片拖入該文件夾

在這裏插入圖片描述

3,在網頁中插入此圖片

vim index.html
......
<img src="game.jpg"/>           #網頁中插入圖片
</body>
</html>

在這裏插入圖片描述

4,重啓服務

在這裏插入圖片描述

5,在元素中查看,發現已經被壓縮

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章