精华内容
下载资源
问答
  • 2014-03-14 13:30:42

      1. 整站优化与网页优化链接上的区别:

      整站优化主要是依靠内部链接,提升其排名权重,而网页优化是通过外部链接,提升单个页面的权重。怎么判断那个是整站优化,那个是网页优化。一般网页优化会大量增加该URL的链接,而达到排名的目的。

      2. 整站优化与网页优化用户体验区别

      整站优化由用户自己添加原创内容,只需要注意内容与关键词相关就行,而网页优化会修改用户原始网站上的内容,还会加粗某些字体,添加某些关键词,使内容变得不正规,甚至无法阅读,这样造成用户体验极差。网站失去用户的信任,更谈不上转化率了。

      3. 整站优化与网页优化在搜索引擎中权重区别

      整站优化主要是通过增加网站原创内容,提升关键词排名,完全是网站的内部链接给予链接支持,搜索引擎对这些网站是相当友好,而且是常来抓取的网站,而网页优化主要通过大量的外部链接骗取搜索引擎的评级,关键词的排名会很不稳定,搜索引擎对这些网页会做降权处理,这种是在外部链接增加到一定限度的时候,搜索引擎自动发现,自动降权处理,排名也会很快消失。

      4. 整站优化与网页优化在价格上的区别:

      整站优化看起来比网页优化的价格会高,其实整站优化根本不比网页优化价格高,而且优惠很多,比如说癌症类网站,癌症的治疗,癌症治疗,如何治疗癌症,肝癌,肾癌,乳腺癌 等等跟癌症有关的词一起做的话估计价格快三十万也不够,而整站优化不会,会一次行优化网站,把主关键词和热门关键词做上去,用户可以通过自己发布新内容扩展其他与病种相关的关键词和药品关键词的上线,节省的费用是相当可观的。

      5. 整站优化与网页优化在排名上的区别:

      整站优化是靠内部链接层次,一般网站链接层次是五层(首页,频道,栏目,专题,内容资讯页面),网站链接指向是由首页->频道 首页->栏目 首页->专题 首页->内容资讯页面 频道->栏目 频道->专题 频道->资讯页面 栏目->专题 栏目->资讯内容页面 专题->内容专题页面 所有的页面都可以通过首页经过三层点击到达。整体的排名由新文章体系来支撑,而不需要外部链接,在不断更新文章的过程中不断提高目标关键词的排名还产生新的长尾词排名,在排名上是很有优势的。

    更多相关内容
  • 我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。
  • 资源名称:网页优化meta标签使用方法及规则 中文WORD版   本文档主要讲述的是网页优化meta标签使用方法及规则;meta是html语言head中的一个辅助标签,meta标签由http-equlv属性和name属性组成,属性不同...
  • 网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法及规则.docx网页优化meta标签使用方法...
  • 这一软件能用规律地的检查你的网页,查看标签,丢失属性,损坏了的链接等情况。通过对HTML和脚本代码的优化提高你网页的下载速度。
  • 网页优化大师 2005

    2019-11-06 19:59:11
    专门针对网页进行专业批量优化的绿色的软件。它可以让未经优化过的htm、html网页减小20%至50%,对加快客户端网页浏览速度及减小服务器负荷有重要作用。
  • 网页优化SEO

    2015-12-12 21:05:20
    SEO优化,可以了解了解一下。增长一下网络相关的知识。
  • 网页优化脚本

    2013-09-09 17:51:59
    ROS网页优化脚本 ROS流控脚本 ROSweb优化
  • 网页优化提供建议和量化指标.zip。PageSpeed Insight and CheckList 和 Google Page Speed 结合使用, 能够为网页质量评分,量化网页优化的效果,也为优化网页指明了方向,对前端工程师而言,是非常重要的工具。
  • Apache网页优化

    千次阅读 2021-01-07 14:40:24
    目录一、Apache网页优化1、概述2、优化内容二、gizp介绍1、概述2、作用三、Apache的压缩模块1、 一、Apache网页优化 1、概述 在企业中,部署Apache后只采用默认的配置参数,会引发网站很多问题,换言之默认配置是...

    一、Apache网页优化

    1、概述

    • 在企业中,部署Apache后只采用默认的配置参数,会引发网站很多问题,换言之默认配置是针对以前较低的服务器配置的,以前的配置已经不适用当今互联网时代
    • 为了适应企业需求,就需要考虑如何提升Apache的性能与稳定性,这就是Apache优化的内容

    2、优化内容

    • 配置网页压缩功能
    • 配置网页缓存
    • 工作模式的选择与参数优化
    • 配置隐藏版本号
    • 配置防盗链
    • ……

    二、gizp介绍

    1、概述

    配置Apache的网页压缩功能,是使用gzip压缩算法来对网页内容进行压缩后再传输到客户端浏览器

    2、作用

    • 降低了网络传输的字节数,加快网页加载的速度
    • 节省流量,改善用户的浏览体验
    • gzip与搜索引擎的抓取工具有着更好的关系

    三、Apache的压缩模块2-1

    1、Apache实现网页压缩的功能模块包括

    • mod_ gzip 模块
    • mod_deflate模块

    2、Apache 1.x

    没有内建网页压缩技术,但可使用第三方mod_gzip 模块执行压缩

    3、Apache 2.x

    在开发的时候,内建了mod_deflate这个模块,取代mod_gzip

    四、Apache的压缩模块2-2

    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.bak
    yum -y install gcc gcc-c++ pcre pcre-devel zlib-devel
    cd /opt/httpd-2.4.29/
    ./configure \
    --prefix=/usr/local/httpd \
    --enable-deflate \
    --enable-so \
    --enable-rewrite \
    --enable-charset-lite \
    --enable-cgi \
    --enable-deflate——————————加入mod_deflate模块
    make && make install
    

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

    3.配置mod_deflate模块启用

    vim /usr/local/httpd/conf/httpd.conf
    ##52行修改
    Listen 192.168.241.3: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
    SetOutputFilter DEFLATE
    </IfModule>
    

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

    apachectl -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
    先将kb.jpg文件传到/usr/local/httpd/htdocs目录下
    vim index.html
    <html><body><h1>manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!manba out!</h1>
    <img src="kb.jpg"/>
    </body></html>
    方法一:
    在Linux系统中,打开火狐浏览器,右击点查看元素
    选择网络---> 选择HTML、WS、其他
    访问http://192.168.241.3 ,双击200响应消息查看响应头中包含Content-Encoding: gzip
    方法二:
    在Windows系统中依次安装Microsoft.NET4和fiddler软件,打开fiddler软件,win10系统不需要安装Microsoft.NET4,则其他系统需要安装
    选择inspectors ---> 选择Headers
    浏览器访问http://192.168.241.3 ,双击200响应消息查看Content-Encoding: gzip
    

    在这里插入图片描述
    在这里插入图片描述
    方法一:
    在这里插入图片描述
    在这里插入图片描述
    方法二:
    在这里插入图片描述

    六、配置网页的缓存时间

    1、通过mod_expire模块配置Apache,使网页能在客户端浏览器缓存一段时间,以避免重复请求
    2、启用mod_expire模块后,会自动生成页面头部信息中的Expires标签和Cache-Control标签,客户端浏览器根据标签决定下次访问是在本地机器的缓存中获取页面,不需要向服务器再次发出请求,从而降低客户端的访问频率和次数,达到减少不必要的流量和增加访问速度的目的

    实验:

    1.检查是否安装mod_expires模块

    apachectl -t -D DUMP_MODULES | grep "expires"
    

    在这里插入图片描述

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

    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-deflate \
    --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.168.241.3:80
    ##111行取消注释
    LoadModule expires_module modules/mod_expires.so——————开启mod_expires模块
    ##199行取消注释,修改
    ServerName www.kgc.com:80
    ##末行添加##
    <IfModule mod_expires.c>
    ExpiresActive On——————————打开网页缓存功能
    ExpiresDefault "access plus 60 seconds"——————————设置缓存60秒
    </IfModule>
    

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

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

    apachectl -t————————验证配置文件的配置是否正确
    apachectl -t -D DUMP_MODULES | grep "expires"————————检查mod_expires模块是否已安装
    deflate_module (shared)————————已安装的正确结果
    systemctl start httpd.service
    

    在这里插入图片描述

    5、测试缓存是否生效
    cat /usr/local/httpd/htdocs/index.html
    方法一:
    在Linux系统中,打开火狐浏览器,右击点查看元素
    选择网络—> 选择HTML、WS、其他
    访问http://192.168.241.3 ,双击200响应消息查看响应头中包含Expires项
    方法二:
    在Windows系统中依次安装Microsoft.NET4和fiddler软件,打开fiddler软件
    选择inspectors —> 选择Headers
    浏览器访问http://192.168.241.3 ,双击200响应消息查看Expires项
    方法一:
    在这里插入图片描述
    方法二:
    在这里插入图片描述

    七、配置Apache隐藏版本信息

    Apache的版本信息,透露了一定的漏洞信息,从而给网站带来安全隐患
    生产环境中要配置Apache隐藏版本信息
    在这里插入图片描述

    vim /usr/local/httpd/conf/httpd.conf
    ##491行取消注释
    Include conf/extra/httpd-default.conf
    vim /usr/local/httpd/conf/extra/httpd-default.conf
    ##55行修改
    ServerTokens Prod——————————将原本的Full改为Prod,只显示名称,没有版本
    #ServerTokens表示Server 回送给客户端的响应头域是否包含关于服务器OS类型和编译过的模块描述信息
    systemctl restart httpd.service
    浏览器访问http://192.168.241.3,双击200消息查看Server项
    

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

    八、配置防盗链

    1、防盗链是防止别人的网站代码里面盗用我们自己服务器上的图片、文件、视频等相关资源
    2、如果别人盗用网站的这些静态资源,明显的是会增大服务器的带宽压力
    3、作为网站的维护人员,要杜绝服务器的静态资源被其他网站盗用

    实验:

    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.bak
    yum -y install gcc gcc-c++ pcre pcre-devel zlib-devel
    cd /opt/httpd-2.4.29/
    ./configure \
    --prefix=/usr/local/httpd \
    --enable-deflate \
    --enable-so \
    --enable-rewrite \————————————加入mod_rewrite模块
    --enable-charset-lite \
    --enable-cgi \
    --enable-deflate \
    --enable-expires
    make && 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/htdocs">
        Options Indexes FollowSymLinks
        AllowOverride None
        Require all granted
        
        RewriteEngine On——————打开rewrite功能,加入mod_rewrite模块内容
        RewriteCond %{HTTP_REFERER} !^http://kb.com/.*$ [NC]——————设置匹配规则
        RewriteCond %{HTTP_REFERER} !^http://kb.com$ [NC]
        RewriteCond %{HTTP_REFERER} !^http://www.kb.com/.*$ [NC]
        RewriteCond %{HTTP_REFERER} !^http://www.kb.com/$ [NC]
        RewriteRule .*\.(gif|jpg|swf)$ http://www.kb.com/error.png——————设置跳转动作
    </Directory>
    

    在这里插入图片描述

    RewriteCond %{HTTP_REFERER} !^http://www.kb.com/.$ [NC]的字段含义
    “%{HTTP_REFERER}”:存放一个链接的URL,表示从哪个链接访问所需的网页
    “!^”:表示不以后面的字符串开头
    “http://www.kb.com”:是本网站的路径,按整个字符串匹配
    “ .
    KaTeX parse error: Can't use function '\.' in math mode at position 45: … RewriteRule .*\̲.̲(gif|jpg|swf) http://www.kb.com/error.png
    “.”:表示匹配一个字符
    “*”:表示匹配0到多个字符,与“.”合起来的意思是匹配0到多次前面的任意字符,如果是1到多次匹配可以用“+”表示
    “.”:在这里的“\”是转义符,“.”就代表符号“.”的意思,因为“.”在指令中是属于规则字符,有相应的含义,如果需要匹配,需要在前面加给转义符“\”,其他规则字符如果需要匹配,也做同样处理
    “(gif|jpg|swf)”:表示匹配“gif”、“jpg”、“swf”任意一个,“$”表示结束,最后的规则是以“.gif”、“.jpg”、“.swf”结尾,前面是1到多个字符的字符串,也就是匹配图片类型的文件
    “http://www.kb.com/error.png”:表示转发到这个路径
    整个配置的含义是使用本网站以外的网站域名,访问本站的图片文件时,显示error.png这个图片
    4、网页准备
    Web源主机配置:

    cd /usr/local/httpd/htdocs
    将game.jpg、error.png文件传到/usr/local/httpd/htdocs日录下
    vim index.html
    <html><body><h1>this is kgc.com! </h1>
    <img src="game.jpg"/>
    </body></html>
    echo "192.168.241.3 www.kgc.com" >> /etc/hosts
    echo "192.168.241.4 www.benet.com" >> /etc/hosts
    

    这边之前实验已经创建好了网址

    盗链网站主机:

    cd /usr/local/httpd/htdocs ————————yum安装的httpd服务的默认路径为/var/www/html/
    vim index.html
    <html><body><h1>this is benet.com!</h1>
    <img src="http://www.kgc.com/game.jpg"/>
    </body></html>
    echo "192.168.241.3 www.kgc.com" >> /etc/hosts
    echo "192.168.241.4 www.benet.com" >> /etc/hosts
    

    在这里插入图片描述

    5、在盗图网站主机上进行浏览器验证
    http://www.benet.com
    在这里插入图片描述
    在这里插入图片描述
    这个就完成了。。。

    展开全文
  • 个人网页优化

    千次阅读 2022-04-02 10:00:28
    个人网页优化 由于个人服务器质量差价格低廉导致加载网速慢,而网页中包含部分图片与视频,对访问者体验感不好 所以进行优化 图片优化 方法一 尽可能在保持美观前提下 压缩图片大小 方法二 将图片格式从baseline ...

    个人网页优化

    由于个人服务器质量差价格低廉导致加载网速慢,而网页中包含部分图片与视频,对访问者体验感不好
    所以进行优化

    图片优化

    方法一

    尽可能在保持美观前提下 压缩图片大小

    方法二

    将图片格式从baseline JPEG尽量存为processive JPEG
    processive JPEG就是先加载一个模糊的后更清晰的
    baseline JPEG就是一行一行的
    提升体验

    方法三

    设置图片加载顺序
    因为用户打开,首先映入眼帘的是首页的图片,所以应优先加载首页图片,待其后再依次加载

    	<script>
    		$(document).ready(function () {
    	
    			function loadImage(url, callback) {
    				var img = new Image();
    				img.onload = function () {
    					img.onload = null;
    					callback(img);
    				}
    				img.src = url;
    			}
    	
    			function call(img) {
    				//console.log("此处是添加到box");
    				console.log("DOM is ready , going to load section no.1 background picture .");
    			}
    	
    			loadImage('./static/bg4.jpg', call);
    		});
    	
    		window.onload = function () {
    			var bgTwo = "./bg2.jpg";
    			var bgThree = "./bg1.jpg";
    			console.log("page is ready , going to load all of pictures .");
    			$("#sectionTwo").css("cssText", "--bg: url(" + bgTwo + ")");
    			$("#sectionThree").css("cssText", "--bg: url(" + bgThree + ")");
    		};   
    	</script>
    

    我取巧利用了ready()方法与onload()方法

    其实对于img标签更简单 , 但我的使用的是背景图片 很复杂
    img可以看下面这篇文章
    https://blog.csdn.net/qq_39903567/article/details/115290905

    方法四

    对nginx开启gzip压缩

    https://blog.csdn.net/qq_26975307/article/details/89399758

    参考

    https://blog.csdn.net/qq_29837295/article/details/98955489

    https://blog.csdn.net/fangkang7/article/details/88747331

    例子

    可以访问我已经部署的网站
    查看效果
    http://www.liudonghui.top/sakura/
    服务器有效期一年 从2022年2月开始到2023年2月

    展开全文
  • 网页优化工具.压缩后直接读取,与压缩前完全一样。本软件还有还原功能,您可以放心使用,可以助您们一臂之力(如果您使用fp98写主页的话,压缩率>20%),而且压缩速度快!本软件还可以进行网页的批量替换,可以为您...
  • 搜索引擎简介及网页优化方法,帮助企业个人了解SEO原理,有助于网站设计
  • 图片作为网页的基本元素是影响页面加载速度的关键因素之一,和图片相关的技术也有很多CSS Sprites(图片合并)、延迟加载、图片渐进增强等等,本文分享网页图片优化的实用工具和技巧
  • 刷ip网页优化 网站推广 seo 百度排名
  • 主要介绍了浅谈网页基本性能优化规则小结的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 网页头部优化建议

    2020-09-22 12:56:22
    下面小编就为大家带来一篇网页头部优化建议。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 1、网页优化概述 在企业中,部署Apache后会有默认的配置参数,如果不及时进行优化配置,在当今互联网时代,会引发网站很多问题。 为了适应企业需求,就需要考虑如何提升Apache的性能与稳定性,这就是Apache的优化...

    一、Apache的压缩模块

    (一)、网页压缩

    1、网页优化概述
    在企业中,部署Apache后会有默认的配置参数,如果不及时进行优化配置,在当今互联网时代,会引发网站很多问题。
    为了适应企业需求,就需要考虑如何提升Apache的性能与稳定性,这就是Apache的优化内容

    2、优化内容

    • 配置网页压缩功能
    • 工作模式的选择与参数优化
    • 配置隐藏版本号
    • 配置防盗链

    (二)、网页gzip概述

    配置Apache的网页压缩功能,是使用gzip压缩算法来对网页内容进行压缩后在传输到客户端浏览器

    1、作用

    • 降低了网络传输的字节数,加快网页加载的速度
    • 节省流量,改善用户的浏览体验
    • gzip与搜索引擎的抓取工作有着更好的关系

    (三)、Apache的压缩模块

    1、Apache实现网页压缩的功能模块包括

    • mod_gzip模块
    • mod_deflate模块

    2、Apache 1.x

    • 没有内建网页压缩技术,但是可以使用第三方mod_gzip模块执行压缩

    3、Apache 2.x

    • 在开发的时候,内建了mod_deflate这个模块,取代mod_gzip

    4、mod_gzip模块与mod_deflate模块

    • 两者均使用gzip压缩算法,运作原理类似
    • mod_deflate压缩速度略快,而mod_gzip的压缩比略高
    • mod_gzip对服务器CPU占用要高一些
    • 高流量的服务器,使用mod_deflate可能会比mod_gzip加载速度更快

    (四)、启动网页压缩功能的步骤

    1、查看是否安装mod_deflate模块
    2、修改配置文件,启用压缩功能
    3、访问测试
    

    (五)、Apache的网页压缩配置命令

    1、将之前Apache的旧的配置文件进行移除或者改名

    cd /usr/local/httpd/conf
    mv httpd.conf httpd.conf.bak1
    

    在这里插入图片描述

    2、检查是否安装 mod_deflate 模块

    apachectl -t -D DUMP_MODULES | grep "deflate"
    

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

    #需要先将服务关闭
    systemctl stop httpd.service
    #使用该命令查看是否关闭成功
    systemctl status httpd.service
    
    yum -y install gcc gcc-c++ make 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 2 && make install     #编译安装
          22

    4、配置 mod_deflate 模块 启用

    vim /usr/local/httpd/conf/httpd.conf
    -----52行修改------
    Listen 192.168.200.50:80
    ----105行取消注释----
    LoadModule deflate_module modules/mod_deflate.so
    ----197行取消注释,修改------
    ServerName www.gcc.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>
    
    

    在这里插入图片描述
    5、检查安装情况,启动服务

    apachectl -t      #验证配置文件的配置是否正确
    
    apachectl -t -D DUMP_MODULES | grep "deflate"   #检查是否安装 mod_deflate 模块
     deflate_module (shared)     #出现该段,说明安装模块成功
    

    在这里插入图片描述

    6、添加网页内容,进行后续的测试

    cd /usr/local/httpd/htdocs
    #将自己想要测试的图片上传到该/htdocs目录下
    
    vim /usr/local/httpd/htdocs/index.html
    
    <html><body><h1>IU!IU!IU!</h1>
    <img src='ceshitupian.png'/>
    </body></html>
    
    systemctl restart httpd.service
    

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

    方法一:
    在LInux系统中,打开火狐浏览器,右击点查看元素
    选择 网络 ----> 选择 HTML、WS、其他
    访问 http://192.168.182.11,多次刷新后查看响应头中包含 Content-Encoding; gzip
    

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

    方法二:
    在windows10 系统中依次安装 fiddler 软件,打开 fiddler软件
    选择 inspectors -----> 选择 Headers
    浏览器访问 http://192.168.182.11 ,多次刷新后查看 Content-Encoding; gzip
    

    二、网页缓存

    (一)、配置网页缓存时间概述

    • 通过mod_expire模块配置Apache,使网页能在客户端浏览器缓存一段时间,以避免重复请求
    • 启用mod_expire模块后,会自动生成页面头部信息中的Expires标签和Cache-Control标签,从而降 低客户端的访问频率和次数,达到减少不必要的流量和增加访问速度的目的

    (二)、启用网页的缓存功能步骤

    1、查看是否安装mod_expire模块
    2、修改配置文件启用缓存功能
    3、访问测试

    (三)、网页缓存优化配置命令

    1、检查是否安装 mod_ expires 模块

    apachectl -t -D DUMP_MODULES | grep "expires"
    

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

    systemctl stop httpd.service  #关闭httpd服务
    cd /usr/local/httpd/conf      
    mv httpd.conf httpd.conf.bak2  #将配置文件改为备份,准备重新生成
    
    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 \
    --enable-expires			#加入mod_expires 模块
    
    make && make install
    

    3、配置 mod_expires 模块启用

    vim /usr/local/httpd/conf/httpd.conf
    ----52行修改------
    Listen 192.168.182.11:80
    ----111行取消注释-----
    LoadModule expires_module modules/mod_expires.so     #开启mod_expires模块
    ----199行取消注释,修改------
    ServerName www.panrj.com:80
    -----末行添加---------
    <IfModule mod_expires.c>
      ExpiresActive On                 #打开网页缓存功能
      ExpiresDefault "access plus 50 seconds"    #设置缓存50</IfModule>
    

    在这里插入图片描述

    在这里插入图片描述

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

    apachectl -t      #验证配置文件的配置是否正确
    Syntax OK         #出现该字段说明配置正确
     
    apachectl -t -D DUMP_MODULES | grep "expires"  #检查mod_expires 模块是否已安装 
     expires_module (shared)     #出现该行说明安装成功
    
    systemctl restart httpd.service
    

    5、检测缓存是否生效

    cat /usr/local/httpd/htdocs/index.html
    

    在这里插入图片描述
    方法一:
    在LInux系统中,打开火狐浏览器,右击点查看元素
    选择 网络 ----> 选择 HTML、WS、其他
    访问 http://192.168.182.11,多次刷新后查看响应头中包含 Expires 项

    方法二:
    在windows10 系统中依次安装 fiddler 软件,打开 fiddler软件
    选择 inspectors -----> 选择 Headers
    浏览器访问 http://192.168.182.11 ,多次刷新后查看 Expires 项

    在这里插入图片描述

    三、Apache防盗链

    (一)、防盗链概述

    • 防盗链就是防止别人的网站代码里面盗用服务器的图片,文件,视频等相关资源
    • 如果别人盗用网站的这些静态资源,明显的是会增大服务器的带宽压力
    • 作为网站的维护人员,要杜绝我们服务器的静态资源被其他网站盗用

    1、盗链过程
    这边需要在准备一台主机,作为盗链机

    yum install -y httpd
    
    vim /var/www/html/index.html
    <html><body><h1>IT WORKS!</h1>
    <img src="http://192.168.182.11/ceshiwenjian.png"/>
    </body></html>
    
    echo "192.168.182.11 www.panrj.com" >> /etc/hosts
    echo "192.168.182.22 www.zhouyuzhu.com" >> /etc/hosts
    
    systemctl restart httpd
    

    在这里插入图片描述
    然后就可以通过www.zhouyuzhu.com盗链到www.panrj.com的图片了。
    在这里插入图片描述
    为了防止这种情况发生,我们需要在服务器上设置防盗链配置

    (二)、防盗链步骤及命令

    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.bak2
    
    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 \    #加入mod_ rewrite 模块
    --enable-charset-lite \
    --enable-cgi \
    --enable-deflate \
    --enable-expires			
    
    make && make install
    

    3、配置mod_rewrite模块启用

    需提前在/usr/local/httpd/htdocs 中上传盗链警告的图片
    在这里插入图片描述

    vim /usr/local/httpd/conf/httpd.conf
    
    vim /usr/local/httpd/conf/httpd.conf
    ----157行取消注释------
    LoadModule rewrite_module modules/mod_rewrite.so
    ----249行下面添加-----
        RewriteEngine On             #打开 rewrite 功能,加入 mod_ rewrite 模块内容
        RewriteCond %{HTTP_REFERER} !^http://panrj.com/.*$ [NC]  #设置匹配规则
        RewriteCond %{HTTP_REFERER} !^http://panrj.com$ [NC]
        RewriteCond %{HTTP_REFERER} !^http://www.panrj.com/.*$ [NC]
        RewriteCond %{HTTP_REFERER} !^http://www.panrj.com/$ [NC]
        RewriteRule .*\.(gif|jpg|swf)$ http://www.panrj.com/error.png  #设置跳转动作
    
    RewriteCond %{HTTP_REFERER} !^http://www.panrj.com/.*$ [NC]的字段含义:%{HTTP_REFERER}":存放一个链接的URL,表示从哪个链接访问所需的网页。
    “!^:表示不以后面的字符串开头。
    "http://www.panrj.com”:是本网站的路径,按整个字符串匹配。
    ".*$":表示以任意字符结尾。
    “[NC]:表示不区分大小写字母。
     
    RewriteRule .*\.(gif | jpg | swf)$ http://www.panrj.com/error.png的字段含义:
    "."表示匹配一个字符。
    "*"表示匹配0到多个字符,与“.” 合起来的意思是匹配0到多次前面的任意字符,如果是1到多次匹配可以用“+”表示。
    "\.":在这里的“\”是转义符,“\.”就代表符号“.”的意思。因为“."在指令中是属于规则字符,有相应的含义,
    如果需要匹配,需要在前面加个转义符“\”,其它规则字符如果需要匹配,也做同样处理。
    “(gif | jpg | swf)" :表示匹配"gif”、“jpg”、“swf"任意 一个,“$”表示结束。最后的规则是以“.gif"、 “.jpg”、“.swf"结尾,前而是1到多个字符的字符串,也就是匹配图片类型的文件。
    "http://www.panrj.com/error.png”:表示转发到这个路径。
    整个配置的含义是使用本网站以外的网站域名访问本站的图片文件时,显示error.png 这个图片。
    

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

    systemctl restart httpd.service    #重启服务
    

    此时如果再次使用盗链域名进行访问的话,就会出现预先设置的警告的图片。
    在这里插入图片描述

    四、隐藏版本信息

    (一)、配置Apache隐藏版本信息的必要性

    • Apache的版本信息,透露了一定的漏洞信息,从而给网站带来安全隐患
    • 生产环境中要配置Apache隐藏版本信息
    • 可使用Fiddler抓包工具分析

    (二)、隐藏版本信息步骤与命令

    vim /usr/local/httpd/conf/httpd.conf
    ----491行取消注释-------
    Include conf/extra/httpd-default.conf
    
    vim /usr/local/httpd/conf/extra/httpd-default.conf
    -----55行,将原本的 Full 改为 Prod,只显示名称,没有版本-------
    ServerTokens Prod
    #ServerTokens 表示 Server 回送给客户端的响应头域是否包含关于服务器 OS 类型和编译过的模块描述信息。
    
    
    systemctl restart httpd.service
    

    此时就不会出现Apache的版本信息了
    在这里插入图片描述

    展开全文
  • 网页优化分析工具 网页加载分析器 httpwatchpro6 带注册码
  • var script = document.createElement ("script"); script.type = "text/javascript"; script.src = "script1.js"; document.getElementsByTagName("head")[0].appendChild(script);

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 267,519
精华内容 107,007
关键字:

网页优化

友情链接: springboot-redis.zip