快捷導(dǎo)航

Nginx優(yōu)化服務(wù)之網(wǎng)頁壓縮的實(shí)現(xiàn)方法

更新時(shí)間：2021年01月27日 11:28:33 作者：朝花夕誓丶

這篇文章主要介紹了Nginx優(yōu)化服務(wù)之網(wǎng)頁壓縮的實(shí)現(xiàn)方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

配置網(wǎng)頁壓縮，節(jié)省資源

1,首先我們先修改配置

vim /usr/local/nginx/conf/nginx.conf
http {
......
  gzip on;        #取消注釋，開啟gzip壓縮功能
  gzip_min_length 1k;   #最小壓縮文件的大小
  gzip_buffers 4 64k;   #壓縮緩沖區(qū)，大小為4個(gè)64k緩沖區(qū)
  gzip_http_version 1.1; #壓縮版本（默認(rèn)1.1，前端如果是squid2.5請(qǐng)使用1.0）
  gzip_comp_level 6;   #壓縮比率
  gzip_vary on;      #支持前端緩存服務(wù)器存儲(chǔ)壓縮頁面
  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;
  #壓縮類型，表示哪些網(wǎng)頁文檔啟用壓縮功能
......
}

在這里插入圖片描述

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

在這里插入圖片描述

3,在網(wǎng)頁中插入此圖片

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

在這里插入圖片描述

4,重啟服務(wù)

在這里插入圖片描述

5,在元素中查看，發(fā)現(xiàn)已經(jīng)被壓縮

在這里插入圖片描述

到此這篇關(guān)于Nginx優(yōu)化服務(wù)之網(wǎng)頁壓縮的文章就介紹到這了,更多相關(guān)Nginx網(wǎng)頁壓縮內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Nginx配置location匹配順序詳細(xì)總結(jié)
這篇文章主要介紹了Nginx配置location匹配順序詳解,Nginx是十分輕量級(jí)的HTTP服務(wù)器,Nginx憑借其穩(wěn)定性、低資源消耗、簡(jiǎn)單配置和豐富的功能，從十多年前名不見經(jīng)傳的Web服務(wù)器軟件，發(fā)展到如今能夠跟Apache匹敵的地位,需要的朋友可以參考下
2023-08-08
Nginx配置的rewrite編寫時(shí)last與break的區(qū)別分析
這篇文章主要介紹了Nginx配置的rewrite編寫時(shí)last與break的區(qū)別分析,簡(jiǎn)單來說使用last會(huì)對(duì)server標(biāo)簽重新發(fā)起請(qǐng)求，而break就直接使用當(dāng)前的location中的數(shù)據(jù)源來訪問,需要的朋友可以參考下
2016-01-01
filebeat同時(shí)收集錯(cuò)誤日志與普通日志并存詳解
這篇文章主要為大家介紹了filebeat同時(shí)收集錯(cuò)誤日志與普通日志并存詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
詳解Nginx + Tomcat 反向代理如何在高效的在一臺(tái)服務(wù)器部署多個(gè)站點(diǎn)
本篇文章主要介紹了詳解Nginx + Tomcat 反向代理如何在高效的在一臺(tái)服務(wù)器部署多個(gè)站點(diǎn),具有一定的參考價(jià)值，有興趣的可以了解一下。
2016-12-12
Nginx的安裝和多域名配置的實(shí)現(xiàn)方法
這篇文章主要介紹了Nginx的安裝和多域名配置的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
nginx 部署啟動(dòng)jar包用到的一些命令和流程操作
這篇文章主要介紹了nginx 部署啟動(dòng)jar包用到的一些命令和流程操作,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2023-11-11
Nginx 壓縮(gzip、gunzip、gzip_static、send_file)的實(shí)現(xiàn)
在Web應(yīng)用開發(fā)中,優(yōu)化網(wǎng)站速度是一個(gè)非常重要的工作,本文主要介紹了Nginx 壓縮(gzip、gunzip、gzip_static、send_file)的實(shí)現(xiàn),感興趣的可以了解一下
2024-09-09
詳解Nginx反向代理到Tomcat服務(wù)器
本篇文章主要介紹了詳解Nginx反向代理到Tomcat服務(wù)器，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
Nginx禁止訪問php文件的方法總結(jié)
當(dāng)涉及到禁止訪問 PHP 文件時(shí),有多種方法可以考慮,以下是十多種方法的詳細(xì)說明,以及如何在 Nginx 中應(yīng)用它們,需要的朋友可以參考下
2023-09-09
nginx共享內(nèi)存機(jī)制詳解
這篇文章主要介紹了nginx共享內(nèi)存機(jī)制詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12