广告
每天积累一点点,进步一点点-方脸猫博客

Linux-CentOS XAMPP Apache 启用GZIP压缩功能 mod_deflate的安装配置

转载于:https://blog.csdn.net/aoshilang2249/article/details/52291423
正文

【1】概览

      许多网络服务器可以通过调用第三方模块或使用内置程序将文件压缩为GZIP格式,然后再发送该压缩文件以供下载。这样可以在下载呈现网站所需的资源时,为您节省一些时间。

  • 减少高达70%的网页大小
  • 提高网页速度
  • 需要访问.htaccess文件或者服务器管理文件

什么是Gzip压缩?

      当用户点击你的网站时,由您的服务器提供所要求的文件,这些文件越大,到你的浏览器并显示在屏幕上所需的时间就越长。GZIP在传输他们到浏览器之前压缩您的网页和样式表,这大大减少了传输时间,因为这些文件小得多。GZIP压缩是网页速度优化的基本方法,现在绝大多数网站都已经启用GZIP。

GZIP是怎样工作的?

      GZIP实际上是一个相当简单的想法,但是善加利用是非常强大的。 GZIP把一个文本文件的字符串替换使整个文件大小更小。由于CSS文件和HTML文件使用了大量重复的文字,并有空白的字符,而GZIP压缩公用字符串,这可以减少页面和样式表的高达70%的大小!而对您的Web服务器启用Gzip是相对简单的。当浏览器访问一个Web服务器时,会先检查看看是否有服务器启用GZIP,并请求该网页。如果启用,它就接收gzip文件,否则它会接收未压缩的版本,但这页面大小将大得多。

为什么这么重要

      压缩GZip如此重要的主要的原因是,它减少了一个网站传输网页文件和样式表所需的时间,最终降低你的网站加载时间。


【2】Apache服务器配置

      你需要添加如下脚本到.htaccess文件或者在http.conf文件尾加上:

  1. 编辑 http.conf 文件
  2. 去掉 #LoadModule headers_module modules/mod_headers.so 前面的注释#
  3. 去掉 #LoadModule deflate_module modules/mod_deflate.so 前面的注释#
  4. 去掉 #LoadModule filter_module modules/mod_filter.so 前面的注释#

  1. # Compress HTML, CSS, JavaScript, Text, XML and fonts
  2. <IfModule mod_deflate.c>
  3. AddOutputFilterByType DEFLATE application/javascript
  4. AddOutputFilterByType DEFLATE application/rss+xml
  5. AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  6. AddOutputFilterByType DEFLATE application/x-font
  7. AddOutputFilterByType DEFLATE application/x-font-opentype
  8. AddOutputFilterByType DEFLATE application/x-font-otf
  9. AddOutputFilterByType DEFLATE application/x-font-truetype
  10. AddOutputFilterByType DEFLATE application/x-font-ttf
  11. AddOutputFilterByType DEFLATE application/x-javascript
  12. AddOutputFilterByType DEFLATE application/xhtml+xml
  13. AddOutputFilterByType DEFLATE application/xml
  14. AddOutputFilterByType DEFLATE application/x-httpd-php
  15. AddOutputFilterByType DEFLATE application/x-httpd-fastphp
  16. AddOutputFilterByType DEFLATE font/opentype
  17. AddOutputFilterByType DEFLATE font/otf
  18. AddOutputFilterByType DEFLATE font/ttf
  19. AddOutputFilterByType DEFLATE image/svg+xml
  20. AddOutputFilterByType DEFLATE image/x-icon
  21. AddOutputFilterByType DEFLATE text/css
  22. AddOutputFilterByType DEFLATE text/html
  23. AddOutputFilterByType DEFLATE text/javascript
  24. AddOutputFilterByType DEFLATE text/plain
  25. AddOutputFilterByType DEFLATE text/xml
  26. # Remove browser bugs (only needed for really old browsers)
  27. BrowserMatch ^Mozilla/4 gzip-only-text/html # Netscape 4.x 有一些问题,所以只压缩文件类型是text/html的
  28. BrowserMatch ^Mozilla/4\.0[678] no-gzip # Netscape 4.06-4.08 有更多的问题,所以不开启压缩
  29. BrowserMatch \bMSIE !no-gzip !gzip-only-text/html # 但IE浏览器会伪装成 Netscape ,是事实上它没有问题
  30. #SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary #设置不对后缀gif,jpg,jpeg,png的图片文件进行压缩
  31. Header append Vary User-Agent
  32. </IfModule>


【3】常见问题

怎么知道网站的GZip压缩是否起作用了?

      使用webkaka的网站速度诊断,在“优化建议”里可以看到网站各文件是否使用了GZip。

为什么图片、PDF和视频文件没有压缩?

      GZip压缩对图片、PDF、视频和其他已经使用二进制压缩过的文件是无效的。

Flash被破坏

      flash预加载器不能处理压缩的flash文件,如果你已经压缩的flash被破坏了,请不要压缩flash文件。


【4】建议

把网页内容写得使压缩更有效

为了使用你的网页内容得到更好的压缩,请参照如下方法:

1、确保HTML和CSS代码的一致性。为了实现一致性

       在可能的情况以相同的顺序指定CSS关键值,例如按字母顺序排列它们。以相同的顺序指定HTML属性,例如按字母顺序排列它们。把HREF第一个链接(因为它是最常见的),然后按字母顺序排列剩下的。例如,谷歌的搜索结果页面,当HTML属性是按字母顺序排列时,gzip压缩过的输出的大小减少1.5%。保持字母的一致性,例如在任何时候都是小写。保持引号的一致性,例如全部使用单引号,或者全部使用双引号,又或者如果可能的话干脆连引号也不要。

2、优化CSS优化Javascript

      优化CSS和Javascript不仅可以帮助外部的CSS和Javascript文件的压缩,还可以帮助HTML页面内嵌的CSS和Javascript代码。

不要使用GZip压缩图片和其他二进制文件

      网页支持已经压缩过的图片文件,同样支持已经压缩过的视频、PDF等二进制文件;使用GZip压缩这些文件,不会提供额外的好处,反而使他们的体积变得更大。

评论(总计0条)(低分辨率暂不支持评论)
暂无评论
推荐(随机推荐5条文章)

一场超凶的冷空气来了!大半个中国气温将刷新低,河南局地降温10℃……

一场超凶的冷空气来了!大半个中国气温将刷新低,河南局地降温10℃……

发布时间:2018-11-05阅读量:156

webpack+vue初始化项目

使用webpack+vue初始化一个项目,基本的步骤

发布时间:2018-11-07阅读量:113

tp5开发的接口或者网站部署到Linux报错Fatal error: Uncaught exception

Fatal error: Uncaught exception

发布时间:2018-11-14阅读量:116

音乐免费下载-MV免费下载-音乐搜索

音乐免费下载,MV免费下载,音乐搜索,酷我音乐免费下载,无损音乐免费下载

发布时间:2018-11-18阅读量:105

小程序源码获取

很简单的方法获取小程序的源码,小程序源码获取,小程序源码,微信小程序源码下载

发布时间:2018-11-18阅读量:112

分类 方脸猫博客
广告招租 方脸猫博客
信息交流 方脸猫博客
snow
qq群 站长交流群 群号:272541864
qq号 站长QQ QQ:3189859329
webLogo