如何在Apache中开启gzip压缩服务?让网页速度更快

如何在Apache中开启gzip压缩服务?让网页速度更快,第1张

如何在Apache中开启gzip压缩服务?让网页速度更快

服务器设置 gzip 压缩是 web 开发里很普遍的做法。


假设你要请求一个 100k 的文件,网络传输速度为 50k/s,需要 2s 才能得到数据,但是如果在服务器设置了 gzip 压缩,将服务端的文件压缩到了 50k(实际上的压缩率往往小于 50%),这时候只需 1s 就能得到数据,然后在客户端解压即可。


可以对比下同一个文件在开启 gzip 前后的大小。


1. 为什么要进行gzip压缩?

服务器设置 gzip 压缩是 web 开发中很普遍的做法。


使用gzip压缩后可以使需要加载的文件大小缩小到原来的1/4左右(最大压缩级别)。


然后在客户端解压即可。


2.如何在Apache中开启gzip压缩服务?

wamp为例:

2.1 找到Apache中的httpd.conf文件,比如我的路径在D:\wamp\bin\apache\apache2.4.35\conf\httpd.conf

2.2 在编辑器中打开httpd.conf文件,找到deflate_Module和headers_Module这两个模块。


去掉注释开启服务。


(大概在第120行和130行左右)

#LoadModule deflate_module modules/mod_deflate.so
#LoadModule headers_module modules/mod_headers.so
我测试过#LoadModule headers_module modules/mod_headers.so这个模块即使不修改也能实现gzip压缩服务。


但很多资料都说这两行要同时去掉注释,不然网页显示不正常。


2.3 开启上面的服务后在httpd.conf文件最后加上下面代码,然后重启Apache就行了:

## 使用<IfModule deflate_module> 和 <IfModule mod_deflate.c> 经过测试没什么区别

<IfModule deflate_module>
  # 就像一个开关一样,告诉 Apache 对传输到浏览器的内容进行压缩
  SetOutputFilter DEFLATE
  # 压缩级别 9是最高级 1是最低级,不建议使用太高的压缩比,这样会对CPU产生太大的负担
  DeflateCompressionLevel 9
</IfModule>

2.4 注意,完成上面的步骤就可以实现gzip压缩了。


但是上面的压缩是对所有的文件都进行了压缩,但在实际的开发过程中并不需要对所有文件都进行压缩,比如PDF 、图片、音乐文档之类的这些本身都已经高度压缩格式,重复压缩的作用不大,反而可能会因为增加CPU的处理时间及浏览器的渲染问题而降低性能。


所以就没必要再通过Gzip压缩。


3. 设置过滤指定文件或者对指定文件进行压缩

3.1 对图片等特殊文件不进行 gzip 压缩处理:

<IfModule mod_deflate.c>
    # 告诉 apache 对传输到浏览器的内容进行压缩
    SetOutputFilter DEFLATE
    # 压缩等级 9 最低是1,不建议按最大级别进行压缩,压缩率过高会占更多CPU资源
    DeflateCompressionLevel 9
    # 设置不对后缀gif,jpg,jpeg,png的图片文件进行压缩
    SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
</IfModule>

3.2 指定文件进行压缩

<IfModule mod_deflate.c>
    # 压缩等级 9
    DeflateCompressionLevel 9
    # 压缩类型 html、xml、php、css、js 面的文件MIME类型可以根据自己情况添加
    AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-javascript application/x-httpd-php
    AddOutputFilter DEFLATE js css
</IfModule>

修改好后,保存 httpd.conf 文件,记得重启 apache,再刷新浏览器看请求,应该已经生效了!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/565573.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-07
下一篇 2022-04-07

发表评论

登录后才能评论

评论列表(0条)

保存