电商网站技术方案,简单的网页页面设计图片,网站如何导入百度地图,Mui框架做网站目录
一#xff1a;Apache网页优化概述
1、概述
2、优化内容
3、gzip介绍
4、Apache的压缩模块
5、mod_ gzip 模块与mod_ deflate 模块
二#xff1a; 网页压缩
1.检查是否安装 mod_deflate 模块
2. 如果没有安装mod_deflate 模块#xff0c;重新编译安装 Apache 添…目录
一Apache网页优化概述
1、概述
2、优化内容
3、gzip介绍
4、Apache的压缩模块
5、mod_ gzip 模块与mod_ deflate 模块
二 网页压缩
1.检查是否安装 mod_deflate 模块
2. 如果没有安装mod_deflate 模块重新编译安装 Apache 添加 mod_deflate 模块 3.配置 mod_deflate 模块启用 4.检查安装情况启动服务
5.测试 mod_deflate 压缩是否生效
三 网页缓存
1.检查是否安装 mod_expires 模块
2.如果没有安装mod_expires 模块重新编译安装 Apache 添加 mod_expires模块 3.配置 mod_expires 模块启用
4.检查安装情况启动服务 5.测试缓存是否生效
四隐藏版本信息 五Apache 防盗链
1.检查是否安装 mod_rewrite 模块
2.如果没有安装mod_rewrite 模块重新编译安装 Apache 添加 mod_rewrite模块 3.配置 mod_rewrite 模块启用 4.网页准备 5.在盗图网站主机上进行浏览器验证 一Apache网页优化概述
1、概述
在企业中部署Apache后只采用默认的配置参数会引发网站很多问题换言之默认配置是针对以前较低的服务器配置的以前的配置已经不适用当今互联网时代 为了适应企业需求就需要考虑如何提升Apache的性能与稳定性这就是Apache优化的内容
2、优化内容
配置网页压缩功能 配置网页缓存 工作模式的选择与参数优化 配置隐藏版本号 配置防盗链 ……
3、gzip介绍
配置Apache的网页压缩功能是使用gzip压缩算法来对网页内容进行压缩后再传输到客户端浏览器
作用 ●降低了网络传输的字节数加快网页加载的速度 ●节省流量改善用户的浏览体验 ●gzip与搜索引擎的抓取工具有着更好的关系
4、Apache的压缩模块
Apache实现网页压缩的功能模块包括 mod_ gzip 模块 mod_ deflate 模块
Apache 1.x
没有内建网页压缩技术但可使用第三方mod_ gzip 模块执行压缩
Apache 2.x
在开发的时候内建了mod_ deflate这个模块取代mod_gzip
5、mod_ gzip 模块与mod_ deflate 模块
●两者均使用gzip压缩算法运作原理类似 ●mod_ deflate压缩速度略快 而mod_ gzip的压缩比略高 ●mod_ gzip对服务器CPU的占用要高一些 ●高流量的服务器使用mod_ deflate可能会比mod_ gzip 加载速度更快
二 网页压缩
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.bakyum -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 make install3.配置 mod_deflate 模块启用
vim /usr/local/httpd/conf/httpd.conf
--52行--修改
Listen 192.198.80.10:80
--105行--取消注释
LoadModule deflate_module modules/mod_deflate.so #开启mod_deflate 模块
--197行--取消注释修改
ServerName www.kgc.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 #验证配置文件的配置是否正确
apachectl -t -D DUMP_MODULES | grep deflate #检查 mod_deflate 模块是否已安装
deflate_module (shared) #已安装的正确结果systemctl start httpd.service5.测试 mod_deflate 压缩是否生效
cd /usr/local/httpd/htdocs
先将abc.jpg文件传到/usr/local/httpd/htdocs目录下
vim index.html
meta charsetutf-8
htmlbodyh1It works! God Day /h1
img srcabc.jpg/
/body/html 方法一 在Linux系统中打开火狐浏览器右击点查看元素 选择 网络 --- 选择 HTML、WS、其他 访问 ip 双查看响应头中包含 Content-Encoding: gzip 方法二 在Windows系统中依次安装 Microsoft.NET4 和fiddler 软件打开fiddler 软件 选择 inspectors --- 选择 Headers 浏览器访问 http://192.168.80.10 双击200响应消息查看 Content-Encoding: gzip
三 网页缓存
1.检查是否安装 mod_expires 模块
apachectl -t -D DUMP_MODULES | grep expires
2.如果没有安装mod_expires 模块重新编译安装 Apache 添加 mod_expires模块
systemctl stop httpd.service
cd /usr/local/httpd/conf
mv httpd.conf httpd.conf.bak1yum -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 \
--enable-expires #加入mod_expires 模块make make install 3.配置 mod_expires 模块启用
vim /usr/local/httpd/conf/httpd.conf
--52行--修改
Listen 192.198.80.10:80
--111行--取消注释
LoadModule expires_module modules/mod_expires.so #开启mod_expires 模块
--199行--取消注释修改
ServerName www.kgc.com:80
--末行添加--
IfModule mod_expires.cExpiresActive On #打开网页缓存功能ExpiresDefault access plus 60 seconds #设置缓存60秒
/IfModule 4.检查安装情况启动服务
apachectl -t #验证配置文件的配置是否正确
apachectl -t -D DUMP_MODULES | grep expires #检查 mod_deflate 模块是否已安装deflate_module (shared) #已安装的正确结果systemctl start httpd.service 5.测试缓存是否生效
cat /usr/local/httpd/htdocs/index.html 在Linux系统中打开火狐浏览器右击点查看元素 选择 网络 --- 选择 HTML、WS、其他 访问 http://192.168.80.10 双击200消息查看响应头中包含 Expires 项 四隐藏版本信息
vim /usr/local/httpd/conf/httpd.conf
--491行--取消注释
Include conf/extra/httpd-default.confvim /usr/local/httpd/conf/extra/httpd-default.conf
--55行--修改
ServerTokens Prod #将原本的 Full 改为 Prod只显示名称没有版本
#ServerTokens 表示 Server 回送给客户端的响应头域是否包含关于服务器 OS 类型和编译过的模块描述信息。systemctl restart httpd.service浏览器访问 双击200消息查看 Server 项
vim /usr/local/httpd/conf/httpd.confvim /usr/local/httpd/conf/extra/httpd-default.conf 五Apache 防盗链
防盗链是防止别人的网站代码里面盗用我们自己服务器上的图片、文件、视频等相关资源如果别人盗用网站的这些静态资源明显的是会增大服务器的带宽压力作为网站的维护人员要杜绝服务器的静态资源被其他网站盗用
盗链过程
1.检查是否安装 mod_rewrite 模块
apachectl -t -D DUMP_MODULES | grep rewrite
2.如果没有安装mod_rewrite 模块重新编译安装 Apache 添加 mod_rewrite模块
systemctl stop httpd.service
cd /usr/local/httpd/conf
mv httpd.conf httpd.conf.bak2yum -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 \ #加入mod_rewrite 模块
--enable-charset-lite \
--enable-cgi \
--enable-deflate \
--enable-expiresmake make install 3.配置 mod_rewrite 模块启用
vim /usr/local/httpd/conf/httpd.conf
--157行--取消注释
LoadModule rewrite_module modules/mod_rewrite.so
--224行--
Directory /usr/local/httpd/htdocsOptions Indexes FollowSymLinksAllowOverride NoneRequire all grantedRewriteEngine On #打开 rewrite 功能加入 mode_rewrite 模块内容RewriteCond %{HTTP_REFERER} !^http://kgc.com/.*$ [NC] #设置匹配规则RewriteCond %{HTTP_REFERER} !^http://kgc.com$ [NC]RewriteCond %{HTTP_REFERER} !^http://www.kgc.com/.*$ [NC]RewriteCond %{HTTP_REFERER} !^http://www.kgc.com/$ [NC]RewriteRule .*\.(gif|jpg|swf)$ http://www.kgc.com/error.png #设置跳转动作
/Directory
RewriteCond %{HTTP_REFERER} !^http://www.kgc.com/.*$ [NC] 的字段含义“%{HTTP_REFERER}” 存放一个链接的 URL表示从哪个链接中转访问目录下的静态资源。“!^” 表示不以后面的字符串开头。“http://www.kgc.com” 是本网站的路径按整个字符串匹配。 “.*$” 表示以任意字符结尾。“[NC]” 表示不区分大小写字母。
RewriteRule .*\.(gif|jpg|swf)$ http://www.kgc.com/error.png 的字段含义“.” 表示匹配一个字符。“*” 表示匹配 0 到多个字符与“.”合起来的意思是匹配 0 到多次前面的任意字符如果是 1 到多次匹配可以用“”表示。“\.” 在这里的“\”是转义符“\.”就代表符号“.”的意思。因为“.”在指令中是属于规则字符有相应的含义 如果需要匹配需要在前面加个转义符“\”其它规则字符如果需要匹配也做同样处理。“(gif|jpg|swf)” 表示匹配“gif”、“jpg”、“swf”任意一个“$”表示结束。最后的规则是以“.gif”、“.jpg”、“.swf”结尾 前面是1到多个字符的字符串也就是匹配图片类型的文件。“http://www.kgc.com/error.png” 表示转发到这个路径 。
整个配置的含义是 使用本网站以外的网站域名 访问本站的图片文件时显示 error.png 这个图片。 4.网页准备
Web源主机配置
cd /usr/local/httpd/htdocs
将game.jpg、error.png文件传到/usr/local/httpd/htdocs目录下
vim index.html
htmlbodyh1this is kgc.com!/h1
img srcgame.jpg/
/body/htmlecho 192.168.80.10 www.kgc.com /etc/hosts
echo 192.168.80.12 www.benet.com /etc/hosts 盗链网站主机
cd /usr/local/httpd/htdocs #yum安装的httpd服务的默认路径为/var/www/html/
vim index.html
htmlbodyh1this is benet.com!/h1
img srchttp://www.kgc.com/game.jpg/
/body/htmlecho 192.168.80.10 www.kgc.com /etc/hosts
echo 192.168.80.12 www.benet.com /etc/hosts 5.在盗图网站主机上进行浏览器验证
