配置Httpd的gzip压缩网页

1.打开Firefox浏览器的开发工具

#一般针对压缩的为html、css、js等,不需要压缩的是图片、视频
在这里插入图片描述

2.配置httpd的gzip压缩页面
#在ErrorLog "logs/error_log"的后面添加配置
vi /etc/httpd/conf/httpd.conf 
ErrorLog "logs/error_log"
<ifmodule mod_deflate.c>
   SetOutputFilter DEFLATE 
   DeflateCompressionLevel 9 
   DeflateFilterNote Input instream 
   DeflateFilterNote Output outstream 
   DeflateFilterNote Ratio ratio 
   AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript 
</ifmodule>

#检查配置文件是否错误
httpd -t

#配置后要重启httpd服务
systemctl restart httpd
参数名称参数说明
SetOutputFilter DEFLATE启动gzip压缩功能
DeflateCompressionLevel压缩级别,1-9,9为最高
DeflateFilterNote Input instream声明输入流的byte数量
DeflateFilterNote Output outstream声明输出流的byte数量
DeflateFilterNote Ratio ratio声明压缩的百分比
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript指定压缩MIME类型文件

3.打开firefox浏览器的开发者工具,查看是否开启gzip压缩

#查看响应头是否有Content-Encoding: gzip,否则开启失败
在这里插入图片描述

#查看传输文件的大小是否有压缩
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在Vue3中,可以通过在Nginx配置中启用gzip压缩来提高网站的性能。以下是一些关于Vue3 Nginx配置gzip压缩的信息: 1. 在Nginx配置文件中,可以使用以下指令来启用gzip压缩gzip on; 2. 可以使用以下指令来设置启用gzip压缩的最小文件大小: gzip_min_length 1k; 3. 可以使用以下指令来设置压缩所需要的缓冲区大小: gzip_buffers 16 64k; 4. 可以使用以下指令来设置gzip压缩针对的HTTP协议版本: gzip_http_version 1.1; 5. 可以使用以下指令来设置gzip压缩级别,数字越大压缩的越好,也越占用CPU时间: gzip_comp_level 3; 6. 可以使用以下指令来设置需要进行gzip压缩的文件类型: gzip_types text/plain application/x-javascript application/javascript text/javascript text/css application/xml application/x-httpd-php image/jpeg image/gif image/png; 7. 可以使用以下指令来在http header中添加Vary: Accept-Encoding: gzip_vary on; 8. 在Vue3中,可以使用compression-webpack-plugin插件来进行gzip压缩。可以通过以下步骤来安装和配置该插件: - 安装插件:npm i -D compression-webpack-plugin - 在vue.config.js文件中导入插件: const CompressionWebpackPlugin = require('compression-webpack-plugin') - 在configureWebpack选项中添加插件: configureWebpack: { plugins: [ new CompressionWebpackPlugin({ test: new RegExp('\\.(js|css)$'), threshold: 10240, deleteOriginalAssets: false }) ] } 以上是关于Vue3 Nginx配置gzip压缩的一些信息,希望对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

路来了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值