Apache网页优化之压缩
搭建服务所需安装包和工具包
链接:https://pan.baidu.com/s/11X5CEWoVemxlGuNQqn9cuA
提取码:jn6l
下载不了的同学可以私信我。
一、概述
Apache的网页压缩功能,是使用gzip压缩算法来对网页内容进行压缩后再传输到客户端浏览器
二、网页压缩作用
降低传输字节数,节省流量,加快网页加载速度
三、实验步骤
1,手工编译安装apache
2,查看压缩模块mod_deflate是否安装
3,修改配置文件启用压缩功能
4,抓包测试验证
四、实验环境
在vmware虚拟机中开一台Centos 7虚拟机配置网页压缩;
一台w10虚拟机访问网页抓包验证。
五、手工编译安装apache
通过真机下载安装包并解压到D盘新建文件夹Lamp,打开文件夹共享权限。
在Linux虚拟机上远程获取共享并将Lamp挂载到/mnt目录下
查看mnt目录
进入LAMP-C7,将apr-1.6.2.tar.gz,apr-util-1.6.0.tar.gz两个底层的跨平台的组件包和httpd-2.4.2.tar.gz安装包解压到opt目录中。
aaa@qq.com mnt]# cd LAMP-C7
[aaa@qq.com LAMP-C7]# tar zxvf apr-1.6.2.tar.gz -C /opt/
#省略解压内容
[aaa@qq.com LAMP-C7]# tar zxvf apr-util-1.6.0.tar.gz -C /opt/
#省略解压内容
[aaa@qq.com LAMP-C7]# tar jxvf httpd-2.4.29.tar.bz2 -C /opt/
#省略解压内容
[aaa@qq.com LAMP-C7]# cd /opt ##进入opt目录
[aaa@qq.com opt]# ls ##查看解压的文件
apr-1.6.2 apr-util-1.6.0 httpd-2.4.29 rh
解压完成后,移动apr的两个组件包到/httpd-2.4.29/srclib中,分别重命名为apr和 apr-util ,并安装环境包(编译工具)。
[aaa@qq.com opt]# mv apr-1.6.2/ httpd-2.4.29/srclib/apr
[aaa@qq.com opt]# mv apr-util-1.6.0/ httpd-2.4.29/srclib/apr-util
[aaa@qq.com opt]# yum -y install \
gcc \
gcc-c++ \
zlib-devel \
pcre-devel \ #安装环境包
pcre
进入/httpd-2.4.29中,给configure脚本添加相关参数后执行
[aaa@qq.com opt]# cd httpd-2.4.29
[aaa@qq.com httpd-2.4.29]# ./configure \
--prefix=/usr/local/httpd \
--enable-deflate #压缩模块参数
--enable-so \
--enable-rewrite \
--enable-charset-lite \
--enable-cgi
编译和安装
make 把源码文件转换为可执行文件
make install 安装
[aaa@qq.com httpd-2.4.29]# make && make install
`
六、启用压缩功能
安装完成后进入httpd的配置文件中修改监听地址,域名,开启压缩,过滤,同步功能。
[aaa@qq.com httpd-2.4.29]# vim usr/local/httpd/conf/httpd.conf
并在行尾加入以下内容:
全部配置完成后wq保存,关闭防火墙和增强性安全功能,开启apache服务,并验证模块是否可用。
[aaa@qq.com httpd-2.4.29]# systemctl stop firewalld.service
[aaa@qq.com httpd-2.4.29]# setenforce 0
[aaa@qq.com httpd-2.4.29]# /usr/local/httpd/bin/apachectl start #开启服务
[aaa@qq.com httpd-2.4.29]# cd /usr/local/httpd/bin/
[aaa@qq.com bin]# ./apachectl -t -D DUMP_MODULES | grep "deflate"
deflate_module (shared) ###模块正常
七、抓包测试
打开win10虚拟机安装fiddler抓包工具,点击运行
访问apache首页
在apache首页添加一张图片后再进行抓包
复制自己共享文件夹中的图片到/usr/local/httpd/htdocs中,并在index.html中添加图片。
[aaa@qq.com httpd-2.4.29]# cd /mnt/LAMP-C7
[aaa@qq.com LAMP-C7]# ls
aaa.jpg apr-util-1.6.0.tar.gz Discuz_X2.5_SC_UTF8.zip LAMP-php5.6.txt php-5.6.11.tar.bz2
apr-1.6.2.tar.gz awstats-7.6.tar.gz httpd-2.4.29.tar.bz2 mysql-5.6.26.tar.gz
####aaa.jpg为图片文件
[aaa@qq.com LAMP-C7]# cp /opt/LAMP-C7/aaa.jpg /usr/local/httpd/htdocs
[aaa@qq.com LAMP-C7]# vim /usr/local/httpd/htdocs/index.html
<html><body><h1>It works!</h1>
<img src="aaa.jpg" ####添加aaa.jpg图片
</body></html>
再次访问apache网页并抓包,发现图片被进行gzip压缩