Apache网页优化实用技巧

Apache网页优化

  • 前言:在企业中,部署Apache后只采用默认的配置参数,引发网站很多问题,换言之默认配置是针对以前较低的服务器配置的,随着互联网时代的发展,之前的默认配置已经不适用于现在了。

网页压缩

1,检查是否安装mod_deflate模块

apachectl -t -D DUMP_MODULES | grep "deflate"

在这里插入图片描述

2,如果没有安装mod_deflate模块,重新编译安装Apache添加mod_deflate模块

systemctl stop httpd.service
cd /usr/local/httpd/conf/
mv httpd.conf httpd.conf.bak

在这里插入图片描述

yum -y install gcc gcc-c++ pcre pcre-devel zlib-devel

在这里插入图片描述

cd /opt/httpd-2.4.29/
./configure \
--prefix=/usr/local/httpd \
--enable-so \
--enable-rewrite \
--enable-charset-lite \
--enable-cgi \
--enable-deflate               #加入mod_deflate模块

在这里插入图片描述

make -j 4 && make install

在这里插入图片描述

3,配置 mod_deflate 模块启用

vim /usr/local/httpd/conf/httpd.conf
--52行--修改
Listen 192.168.199.10:80
--105行--取消注释
LoadModule deflate_module modules/mod_deflate.so      #开启mod_deflate模块
--199行--取消注释,修改
ServerName www.muzi.com:80
--末行添加--
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/css text/xml text/javascript text/jpg text/png
#代表对哪些内容启用gzip压缩
DeflateCompressionLevel 9     #代表压缩级别,范围为1~9
SetOutputFilter DEFLATE       #代表启用deflate模块对本站点的输出进行gzip压缩
</IfModule>

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4,检查安装情况,启动服务

apachectl -t       #验证配置文件的配置是否正确   httpd -t  是一样的效果
apachectl -t -D DUMP_MODULES | grep "deflate"  #检查mod_deflate模块是否以安装
   deflate_module (shared)        #已安装的正确结果

systemctl start httpd.service

在这里插入图片描述
在这里插入图片描述

5,测试 mod_deflate 压缩是否生效

cd /usr/local/httpd/htdocs
先将music.jpg文件传到/usr/local/httpd/htdocs目录下
vim index.html
<html><body><hl>I opened my eyes last night and saw you in the low light.
Walking down by the bay, on the shore,staring up at the planes that aren't there anymore
I was feeling the night grow old and you were looking so cold
Like an introvert, I drew my over shirt.Around my arms and began to shiver violently before
You happened to look and see the tunnels all around me.Running into the dark underground</hl>
<img src="music.jpg"/>
</body></html>

在这里插入图片描述
在这里插入图片描述

方法一:
在Linux系统中,打开火狐浏览器,右击点查看元素
选择 网络 ---> 选择 HTML,WS,其他
访问 http://192.168.199.10 , 双击200响应消息查看响应头中包含 Content-Encoding:"gzip"

方法二
在Windows系统中依次安装Microsoft,NET4和fiddler软件,打开fiddler 软件
选择 inspectors ---> 选择 Headers
浏览器访问 http://192.168.199.10, 双击200响应消息查看Content-Encoding:"gzip"

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
新手资源,可以学习一下html, <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link href="../css/mainpage.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="../css/tabs.css" /> <title>注册页面</title> <style type="text/css"> .STYLE5 {font-size: 36px} </style> </head> <body>     [removed] //sNameCheck() && passCheck() && bdaycheck() function validateform(){ if(sNameCheck() && passCheck()&&bdaycheck;()) return true; else return false; } // Login Name Validation function sNameCheck(){ var strName = document.userfrm.sname.value; if(strName.length != 0) { return true; } else { alert("请输入用户名"); return false; } } function passCheck(){ var userpass = document.userfrm.pass.value; var ruserpass = document.userfrm.rpass.value; if(userpass == "" && ruserpass == ""){ alert("未输入密码 \n" + "请输入密码"); document.userfrm.pass.focus(); return false; } if(userpass.length < 6){ alert("密码必须多于或等于 6 个字符。\n"); document.userfrm.pass.focus(); return false; } else if(userpass != ruserpass){ alert("两次输入的密码不一致"); document.userfrm.rpass.select(); return false; } return true; } function bdaycheck(){ var bmonth = document.userfrm.bmon.value; var bday = document.userfrm.bday.value; var byear = document.userfrm.byear.value; if (bmonth == "" || bday == "" || byear == "" || bday == "dd" || byear == "yyyy") { alert("请输入您的生日"); document.userfrm.bmon.focus(); return false; } for (i = 0; i < bday.length; i++) { var bnum = bday.substring(i,i+1) if (!(bnum 0)) { alert("日期无效"); document.userfrm.bday.focus(); return false; } } if(byear.substring(0,1)==2&&byear;.substring(1,2)==0) //年份必须以20打头 { for (j = 2; j < byear.length; j++) { var bynum = byear.substring(j,j+1); if (!(bynum 0)) { alert("年份无效"); document.userfrm.byear.focus(); return false; } } } else { alert("年份必须以20打头"); return false; } if (byear 2120) { alert("您输入的出生年份超出范围!\n请重新输入!"); document.userfrm.byear.focus(); return(false); } else if (bmonth 12) { alert("您输入的月份超出范围!\n请重新输入!"); document.userfrm.bmon.focus(); return(false); } else if (bday 31) { alert("您输入的日期超出范围!\n请重新输入!"); return(false); } return true; } [removed] <form name="userfrm" method="post" action="register_success.htm" validateform( )"> 登录名: <input name="sname" type="text" class="register_textBroader" id="sname" size="24">(可包含 a-z、0-9 和下划线) 密码: <input name="pass" type="password" class="register_textBroader" id="pass" size="26"> (至少包含 6 个字符) 再次输入密码: <input name="rpass" type="password" class="register_textBroader" id="rpass" size="26"></td> 出生日期: <input name="byear" class="register_textBroader" id="byear" value="yyyy" size=4 maxlength=4 > 年   [选择月份] 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月  月   <input name="bday" class="register_textBroader" id="bday" value="dd" size=2 maxlength=2 >日 <input type="reset" name="Reset" value=" 重 填 "></td> <input type="submit" name="Button" value="同意以下服务条款,提交注册信息"></td> </form> </body> </html>
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值