linux入门基础(gzip可压缩命令)

1gzip的压缩效果是立竿见影的:2网站是否开启gzip的查看方式2.1打开Chrome浏览器,按F12打开调试面板2.2切换到network页签,在网络请求列表的表头,鼠标右键==>ResponseHeaders==>Content

1 gzip的压缩效果是立竿见影的:

linux入门基础(gzip可压缩命令)

2 网站是否开启gzip的查看方式

2.1 打开Chrome浏览器,按 F12打开调试面板

2.2 切换到network页签,在网络请求列表的表头,鼠标右键==>Response Headers==>Content Encoding

linux入门基础(gzip可压缩命令)

这一栏如果显示gzip,证明启用了gzip压缩。

linux入门基础(gzip可压缩命令)

3. gzip压缩方案

3.1 方案一 前端打包构建时进行gzip压缩

3.1.1 安装插件
compression-webpack-plugin

yarn add -D compression-webpack-plugin@5.0.1

3.1.2 在webpack中配置
compression-webpack-plugin

const CompressionPlugin = require(‘compression-webpack-plugin’);
module.exports = {
plugins: [
new CompressionPlugin({
algorithm: ‘gzip’, // 使用gzip压缩
test: /.js$|.html$|.css$/, // 匹配文件名
filename: ‘[path].gz[query]’, // 压缩后的文件名(保持原文件名,后缀加.gz)
minRatio: 0.8, // 压缩率小于0.8才会压缩
threshold: 10240, // 对超过10k的数据压缩
deleteOriginalAssets: false, // 是否删除未压缩的源文件
}),
],
},
};

3.1.3 在Nginx中配置加载静态的本地gz文件

nginx 静态压缩需要使用
ngx_http_gzip_static_module 模块,nginx_http_gzip_static_module 模块允许发送扩展名为 .gz 的预压缩文件,而不是常规文件。默认情况下未构建此模块,应使用 –with-http_gzip_static_module 配置参数启用它 。重新编译nginx,添加参数–with-http_gzip_static_module

./configure –with-http_gzip_static_module

然后修改 nginx.conf 配置文件:

http {
include mime.types;
default_type application/octet-stream;
#提高服务器读写文件性能
sendfile on;
#tcp_nopush on;
keepalive_timeout 65;
# 开启gzip
gzip_static on;
server {
listen 8462;
server_name localhost;
location / {
root dist;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}

3.2 方案二 服务器在线gzip压缩

http {
include mime.types;
default_type application/octet-stream;
#提高服务器读写文件性能
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
# 开启gzip
gzip on;
#压缩级别官网建议是6 数字越大压缩的越好,也越占用CPU时间
#1.随着压缩级别的升高,压缩比有所提高,但到了级别6后,很难再提高;
#2.随着压缩级别的升高,处理时间明显变慢;
#3.gzip很消耗cpu的性能,高并发情况下cpu达到100%
gzip_comp_level 6;
# 压缩的类型 html,css,xml,js,php
# 二进制资源:例如图片/mp3这样的二进制文件,不必压缩;因为压缩率比较小, 比如100->80字节,而且压缩也是耗费CPU资源的.
# text/javascript是IE6,7,8才能识别的js标签
gzip_types text/plain text/css application/xml application/javascript text/javascript application/x-httpd-php;
#nginx用作反向代理时启用
#off – 关闭所有的代理结果数据压缩
#expired – 如果header中包含”Expires”头信息,启用压缩
#no-cache – 如果header中包含”Cache-Control:no-cache”头信息,启用压缩
#no-store – 如果header中包含”Cache-Control:no-store”头信息,启用压缩
#private – 如果header中包含”Cache-Control:private”头信息,启用压缩
#no_last_modified – 启用压缩,如果header中包含”Last_Modified”头信息,启用压缩
#no_etag – 启用压缩,如果header中包含“ETag”头信息,启用压缩
#auth – 启用压缩,如果header中包含“Authorization”头信息,启用压缩
#any – 无条件压缩所有结果数据
gzip_proxied off
# 是否在http header中添加Vary: Accept-Encoding,建议开启
gzip_vary on
# 设置用于处理请求压缩的缓冲区数量和大小
gzip_buffers 4 16k;
# 大于多少字节进行压缩,以K为单位,当值为0时,所有页面都进行压缩
gzip_min_length 10
# 开始压缩的http协议版本(可以不设置,目前几乎全是1.1协议)
gzip_http_version 1.1;
# 配置禁用gzip条件,可以不设置,目前几乎没有IE6,支持正则。此处表示ie6及以下不启用gzip(因为ie低版本不支持)
gzip_disable “MSIE [1-6].”;
server {
listen 8462;
server_name localhost;
location / {
root dist;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}

4.两种方案的优缺点:

1.在前端进行gzip压缩,不耗服务器性能,但需要重新编译nginx,添加gzip_static模块。
2.使用nginx实时进行gzip压缩,缺点就是耗性能,对于前端而言的优点是什么都不用管,因为有时候前端不一定有nginx的配置修改权限。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/28759.html

(0)
新劵
上一篇 2021-09-24
下一篇 2021-09-24

相关推荐

  • 抖音怎么引流推广(抖音引流发些话术)

    小编从事抖音运营已经有三年了,这个时间说长不长说短也不短,这一路走来,我认为。抖音不仅是当下最火爆的短视频App,更是一个互利互赢的平台,你可以在这里发布创意视频,凭借上热门快速吸引粉丝,然后引流变现。那么,如何利用抖音的红利期进行引流呢?抖音引流方

    2021-10-27
    0
  • 有限责任公司董事会行使的职权(有限责任公司股东会的职权有哪些)

    股东会是公司的权利机构,是由全体股东组成。一般情况下有限责任公司都应设股东会、董事会、监事会。但是一人有限公司和国有独资公司不设股东会。股东人数较少或者规模小的也可不设董事会和监事会,但要设1名执行董事和1至2名监事。股东会是公司的权

    2021-12-16
    0
  • 欧莱雅全日保湿水精华凝露怎么样(欧莱雅保湿抗衰系列)

    保湿做不好,卡粉、脱妆少不了。许多小仙女是不是一年四季都离不开底妆不均匀等问题,但是却一味地用更多粉底液去遮盖,结果妆容越来越斑驳。事实上,这些问题的产生都是因为肌肤缺水造成的,使用的护肤品不保湿、锁

    2021-12-15 用户投稿
    0
  • e生保一年保费多少钱(险种有哪些)

    第636篇产品测评最近,我们收到一些朋友的留言,问平安e生保哪款比较好:e生保是平安热销的百万医疗险,现在有3个版本,分别是e生保2020、e生保(保证续保版2020)和e生保长期医疗。那e生保这么多,它们有什么不同,…

    2022-01-17 随笔
    0
  • 煮茶叶蛋可以放什么茶叶(煮茶叶蛋茶叶放多了苦怎么办)

    茶叶蛋虽然可以自己制作,但是制作出来总是会感觉没有外面买的好吃,煮茶叶蛋最重要的就是茶叶了,那么当我们制作茶叶蛋时可以选择放什么茶叶呢?制作茶叶蛋时,茶叶放多了导致很苦应该怎么做?和久久派小编一起来看

    2022-03-10
    0
  • 嗳呵婴儿洗发沐浴露怎么样(儿童洗发沐浴露排行)

    宝宝的皮肤细嫩又敏感,皮表的一层皮脂对保暖、防止感染和外部刺激,都有非常重要的作用,这也是任何精致的油脂不能替代的,如果反复使用一般的沐浴露或者肥皂给孩子擦洗身体,则会除去这层皮脂。严重者甚至还可能造成孩子长大后成为皮肤敏感。所以生活报告建议各位家长

    2022-01-15 用户投稿
    0

发表回复

登录后才能评论