利用网页压缩来提升网站浏览速度

news/2024/5/20 4:40:46/文章来源:https://blog.csdn.net/VooleBoy/article/details/83487799

网站的访问速度是由多个因素所共同决定的，这些因素例如应用程序的响应速度、网络带宽、服务器性能、与客户端之间的网络传输速度等等。其中最重要的 一个因素是应用程序本身的响应速度，因此当你为网站性能所苦恼时，你第一个需要着手进行处理的便是尽可能的提升应用程序的执行速度，你可以使用缓存或者是 优化代码的执行效率来提升应用程序的速度。

但是，本文并不是介绍如何来提升应用程序的执行效率，前面提到的只不过是为了防止您病急乱投医。在确保您的应用程序的性能已经达到足够好，同时服务 器的性能也完全满足的情况下，不妨来试试网页压缩来进一步提升网页的浏览速度，而且非常重要的是，它完全不需要任何的成本，只不过是会让您的服务器CPU 占用率稍微提升一两个百分点而已或者更少。

网页压缩是一项由 WEB 服务器和浏览器之间共同遵守的协议，也就是说 WEB 服务器和浏览器都必须支持该技术，所幸的是现在流行的浏览器都是支持的，包括 IE、FireFox、Opera 等；服务器有 Apache 和 IIS 等。双方的协商过程如下：

  1. 首先浏览器请求某个 URL 地址，并在请求的头 (head) 中设置属性 accept-encoding 值为 gzip, deflate，表明浏览器支持 gzip 和 deflate 这两种压缩方式（事实上 deflate 也是使用 gzip 压缩协议，下面我们会介绍二者之间的区别）；
  2. WEB 服务器接收到请求后判断浏览器是否支持压缩，如果支持就传送压缩后的响应内容，否则传送不经过压缩的内容；
  3. 浏览器获取响应内容后，判断内容是否被压缩，如果是则解压缩，然后显示响应页面的内容。

在实际的应用中我们发现压缩的比率往往在 3 到 10 倍，也就是本来 50k 大小的页面，采用压缩后实际传输的内容大小只有 5 至 15k 大小，这可以大大节省服务器的网络带宽，同时如果应用程序的响应足够快时，网站的速度瓶颈就转到了网络的传输速度上，因此内容压缩后就可以大大的提升页面 的浏览速度。

接下来我们介绍几种常用的环境下如何启用网页压缩功能。

纯 Tomcat 服务器

如果您的 WEB 应用程序是跑在 Tomcat 服务器下的，而且直接使用 Tomcat 所提供的 HTTP 服务，那建议你马上动手，因为实在是太简单了，你只需要在 server.xml 配置文件中给 HTTP Connector 增加一个 compression 的参数值为 on 并重启 Tomcat 服务器就立刻生效，配置如下：

    <Connector port="8080" protocol="HTTP/1.1" maxThreads="150" connectionTimeout="20000" redirectPort="8443" compression="on"/>

 

Tomcat 采用的是 HTTP/1.1 的 GZIP 压缩协议，它会根据浏览器送过来的请求中的 accept-encoding 值是否包含 gzip 来判断浏览器是否支持 gzip 压缩协议，如果浏览器支持就启用 gzip 压缩，否则就不进行任何压缩处理。Tomcat 中还有另外一个参数 compressableMimeType，这个参数可以用来指定压缩哪种类型的内容，例如可以指定该配置值为：text/html,text /plain ，则只压缩 contentType 为 text/html 和 text/plain 的页面，不过您最好也将 css 和 javascript 文件也算在压缩的文件类型中，因为这两者的压缩效果也十分的明显。

 



 

Apache 服务器

在 apache 1.3 版本，大家常用 mod_gzip 对输出内容进行压缩，现在主流的浏览器都支持 gzip 解压缩。在 apache2 下，这个模块换名为 mod_deflate ，对应的模块文件名是 mod_deflate.so 。mod_gzip 本文不做介绍，下面描述一下在 Apache 2 下如何启用并配置 mod_deflate 模块。默认安装的 Apache 不管是 Windows 还是 Linux/Unix，都是不启用该模块的， Linux/Unix 下甚至不带该模块，你需要手工编译这个模块。

下面我们分别介绍在 Windows 和 Linux 操作系统下如何启用并配置 mod_deflate 模块。

在 Windows 下采用安装程序安装的 Apache 服务器已经带有 deflate 所需要的模块 mod_deflate.so 和 mod_headers.so ，我们只需要在 httpd.conf 配置文件中启用并进行相关的配置即可，配置如下：

LoadModule deflate_module modules/mod_deflate.so
LoadModule headers_module modules/mod_headers.so
<Location />
# Insert filter
SetOutputFilter DEFLATE
# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
# BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# NOTE: Due to a bug in mod_setenvif up to Apache 2.0.48
# the above regex won't work. You can use the following
# workaround to get the desired effect:
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
# Don't compress images
SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</Location>

 

而如果是 Linux/Unix 操作系统，如果你没有在编译安装的过程中将所需要的两个模块 mod_deflate 和 mod_headers 编译进去的话，那就稍微有点麻烦，首先我们先看如何在编译安装 Apache 过程中也同时编译这两个模块，请在执行 configure 程序时增加两个参数分别是：

# ./configure --enable-deflate --enable-headers

 

这样在编译完 Apache 后就可以直接在 httpd.conf 中启用并配置 deflate 模块了，配置的方法跟 Windows 平台下是相同的。

如果说您的 Apache 已经在运行了，不想再重新编译一次，那也可以选择只编译 deflate 模块所需的文件 mod_deflate.c 和 mod_headers.c 。这两个文件位于 {apache-src}/modules/filters/ 目录下（其中 {apache-src} 为 apache 源文件所在的目录）。使用如下命令来单独编译这两个源文件。

# {apache-bin}/apxs -i -a -c {apache-src}/modules/filters/mod_deflate.c
# {apache-bin}/apxs –i –a –c {apache-src}/modules/filters/mod_headers.c

 

其中 {apache-bin} 为 Apache 安装目录下的 bin 目录，接下来在 httpd.conf 直接配置该模块即可。

很多时候你在单独编译 deflate 模块的时候可能会碰到编译错误，提示是：

Cannot load /opt/apache/modules/mod_deflate.so into server: /opt/apache/modules/mod_deflate.so: undefined symbol: deflate

解决的方法如下：

编辑 /usr/local/apache2/bin/apr-config 文件修改其中的 LDFLAGS 值为 "-lz"，然后再重新编译 mod_deflate 模块，apxs -ica mod_deflate.c 即可。

为了省却不必要的麻烦，请尽量在编译安装时直接加上 --enable-deflate --enable-headers 参数。

 


 

IIS 服务器

微软的 IIS 服务器同样也是目前用得最多的 WEB 服务器之一，而且用来运行 ASP 页面也是必不可少的。IIS6 本身支持 gzip 压缩，IIS5 就比较费劲了，你可以找一些第三方的组件来处理，例如 httpzip，网址是：http://www.port80software.com/products/httpzip/?vid=3354166 ，不过这玩意是收费的。接下来我们介绍如何在 IIS6 中启用压缩功能。

打开 Internet 信息服务(IIS)管理器，右击"网站"->"属性"，选择"服务"。在 "HTTP压缩" 框中选中 "压缩应用程序文件" 和 "压缩静态文件"，按需要设置 "临时目录" 和 "临时目录的最大限制"，如下图所示：


图1 设置网站属性
图1 设置网站属性

接下来配置 gzip 组件，在 Internet 信息服务(IIS)管理器，点击 "Web 服务扩展"->"增加一个新的 Web 服务扩展..."，在 "新建 Web 服务扩展" 框中输入扩展名 "HTTP Compression"，添加 "要求的文件" 为 C:\WINDOWS\system32\inetsrv\gzip.dll，选中 "设置扩展状态为允许"，如下图所示：


图2 设置 Web 服务扩展
图2 IIS 设置 Web 服务扩展

图3 新建 Web 服务扩展
图3 新建 Web 服务扩展

还没完呢，我们还需要修改一个配置文件，修改之前请先停止 IIS 服务，打开 C:\Windows\System32\inetsrv\MetaBase.xml，这个文件很大，找到下面一段信息：

<IIsCompressionScheme	Location ="/LM/W3SVC/Filters/Compression/gzip"HcCompressionDll="%windir%\system32\inetsrv\gzip.dll"HcCreateFlags="1"HcDoDynamicCompression="TRUE"HcDoOnDemandCompression="TRUE"HcDoStaticCompression="TRUE"HcDynamicCompressionLevel="0"HcFileExtensions="htmhtmltxt"HcOnDemandCompLevel="10"HcPriority="1"HcScriptFileExtensions="aspdllexe">
</IIsCompressionScheme>

 

增加一些要进行压缩的文件后缀，其中 HcFileExtensions 是静态文件的扩展名，增加 js 和 css 等；HcScriptFileExtensions 为动态文件的扩展名，增加 aspx，保存后启动 IIS 即可生效。

最后我们介绍如何来测试前面所做的工作是否起效，你可能会觉得很奇怪，配置好了，用浏览器打开页面正常，查看页面源码，内容并没有变化，大小也跟原 来一样，怎么回事呢？这是因为浏览器已经把内容解压了的结果，有两个方法来判断压缩是否生效：第一，查看 WEB 服务器的日志，不管是 Apache 或者是 IIS，二者的访问日志格式都差不多是下面这种格式：

127.0.0.1 - - [14/May/2006:08:44:28 +0800] "GET /manual/style/css/manual.css HTTP/1.1" 200 19351

最后两个数字分别是 HTTP 的结果码（200 表示 OK），19351 表示的是响应内容的大小，把这个大小跟你在浏览器上查看源码的大小比较一下就可以知道是否生效。另外一种方法就是自己写一个 HTTP 客户端的小程序并设置 Accept-Encoding 的值为 gzip,deflate，由这个程序去请求服务器端的某个 URL 地址，然后打印出响应的内容，如果是一堆乱码，恭喜你，配置成功。下面是一段 Java 写的测试客户端代码（需要用到 commons-httpclient 包）：

HttpClient http = new HttpClient();		
String url = "http://www.dlog.cn/javayou";
GetMethod get = new GetMethod(url);
try{System.out.println("fetching url : "+ url);get.addRequestHeader("accept-encoding", "gzip,deflate");int er = http.executeMethod(get);if(er==200){System.out.println(get.getResponseContentLength());String html = get.getResponseBodyAsString();System.out.println(html);System.out.println(html.getBytes().length);}
}finally{get.releaseConnection();
}

 



 

结论

以上是目前比较流行的两个 WEB 服务器软件以及 Tomcat 服务器对于页面压缩的配置方法；其他的一些 J2EE 应用服务器如果不支持这个功能的话可以考虑利用过滤器（Servlet Filter）来进行处理，具体的代码以及配置方法可以参考 Resin 服务器所提供的文档。但是有一点需要提醒各位读者的是，本文介绍的访问只是在服务器本身的响应速度已经足够优化的情况下进行，也就是说在带宽成为系统瓶颈 的时候才来考虑该方案。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.luyixian.cn/news_show_865581.aspx

如若内容造成侵权/违法违规/事实不符，请联系dt猫网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

baidu网址提交|baidu收录网址提交|向百度提交网站

baidu网址提交|baidu收录网址提交|向百度提交网站

向百度提交网站:http://www.baidu.com/search/url_submit.html 方便百度爬行你的网站&#xff0c;收录你的信息 -------------------------- 新闻&#xff1a; Google天使投资人透露投资策略&#xff1a;团队第一 网站导航: 博客园首页 新闻 .NET频道 社区 博问 闪存…
阅读更多...
大型网站技术架构

大型网站技术架构

架构演变第一步&#xff1a;物理分离webserver和数据库 最开始&#xff0c;由于某些想法&#xff0c;于是在互联网上搭建了一个网站&#xff0c;这个时候甚至有可能主机都是租借的&#xff0c;但由于这篇文章我们只关注架构的演变历程&#xff0c;因此就假设这个时候已经是托管…
阅读更多...
如何设计通用的网站模板

如何设计通用的网站模板

http://www.serverjia.cn/html/wlpz/c/yy/2009/0311/29412.html 现在网络上已经到处可以看到使用模板开发出来的网站。使用模板开发网站有很多好处&#xff0c;最主要的就是模板与程序完全脱离&#xff0c;用户可以根据规定好的标签任意开发模板&#xff0c;导入到模板引擎里就…
阅读更多...
opc-ua技术资料网站汇总

opc-ua技术资料网站汇总

OPC官方网址&#xff1a;https://opcfoundation.org/ OPC中国官网&#xff1a; http://www.chinaopc.org/ ----------------------------------------------------------------- http://www.advosol.com/ 一个收费的国外OPC开发包 ------------------------------------…
阅读更多...
大型网站架构技能图谱（Java版）

大型网站架构技能图谱（Java版）

在大型网站技术架构中&#xff0c;涉及到许多的技术&#xff0c;这些技术是具备大型网站架构设计能力的前提和基础。因为笔者对Java比较熟悉&#xff0c;所以下面的技术图谱都是围绕Java后端工程师展开的。如有不正确或者不完善的地方&#xff0c;欢迎补充。
阅读更多...
Fortran在线学习网站

Fortran在线学习网站

Fortran Tutorialhttps://www.tutorialspoint.com/fortran/index.htm
阅读更多...
8款HTML5/jQuery应用助网站走向高上大

8款HTML5/jQuery应用助网站走向高上大

在WEB3.0的时代&#xff0c;我们的网站不仅要实现实用价值&#xff0c;更要为用户设计优秀的用户体验。jQuery是一个不错的JS框架&#xff0c;结合目前最新的HTML5技术&#xff0c;我们可以将自己的网站脱胎换骨&#xff0c;立马走向高上大&#xff0c;至少在前端页面上。 1、…
阅读更多...
localhost:6666/无法访问此网站

localhost:6666/无法访问此网站

在写demo的时候遇到这个问题 反反复复检查了代码&#xff0c;操作了好几次&#xff0c;还是不行&#xff0c;后来查询到&#xff0c;是一些浏览器对某些端口做了限制&#xff0c;比如谷歌浏览器 更改了端口之后重新跑代码&#xff0c;没问题
阅读更多...
自学宝典：10个学习Android开发的网站推荐

自学宝典：10个学习Android开发的网站推荐

发表于 2015-02-23 10:22| 18829次阅读| 来源 简书| 90 条评论| 作者 Tikitoo 移动开发 Android 开发者 GitHub CodePath android开发 摘要&#xff1a;本文作者Tikitoo总结自己在学习Android开发过程中发现的好网站&#xff0c;包括Android Developers、GitHub等&#xff0c;以…
阅读更多...
12个免费学习编程的网站

12个免费学习编程的网站

发表于 2015-09-09 17:15| 7774次阅读| 来源 Entrepreneur| 16 条评论| 作者 John Rampton 编程 程序员 摘要&#xff1a;无论想学什么,也无论出于什么目的想学,都需要你保持好奇心。但是作为刚想入门的新手&#xff0c;面对眼前海量的信息&#xff0c;或许根本不知道从哪里开始…
阅读更多...
从12306.cn谈大网站架构与性能优化

从12306.cn谈大网站架构与性能优化

原文地址&#xff1a;http://www.ha97.com/5169.html PS&#xff1a;关于12306.cn网站&#xff0c;前些时间&#xff0c;骂的人很多&#xff0c;但是这网站的压力和架构不是一般非专业人生想得这么简单。下文是资深架构师陈皓写的关于12306.cn购票网站的架构和性能系列分析&…
阅读更多...
在SharePoint页面中如何显示来自其他网站的List

在SharePoint页面中如何显示来自其他网站的List

为了方便用户使用&#xff0c;我们会把SharePoint网站设计成层次结构&#xff0c;并希望用户在主页上看到来自子网站的内容。比如希望把放在父网站的一个列表的内容显示在子网站的主页上面。这种需求看起来稀松平常&#xff0c;但实际上不容易。 为了说明方便&#xff0c;我把列…
阅读更多...
sharepoint网站登录弹框，如何设置自动加域名

sharepoint网站登录弹框，如何设置自动加域名

打开IIS--选中网站--功能视图--IIS--身份验证&#xff0c;接下来如下图所设置&#xff1a; 又键单击“基本身份验证”--编辑&#xff0c;如下图所示&#xff0c;在默认域中 输入“域名”&#xff0c;点击确定即可&#xff1a;
阅读更多...
网站seo优化需要从网站的哪些方面进行优化工作

网站seo优化需要从网站的哪些方面进行优化工作

网站seo优化是很多企业都在做的一种线上推广模式&#xff0c;如果企业网站优化做的好&#xff0c;那么网站流量和网站关键词排名将随之增多&#xff0c;而很多企业的高层不懂得网站优化技术&#xff0c;因为他们没有接触过seo优化这个行业&#xff0c;因此对此不是很了解&#…
阅读更多...
网站关键词排名突然下降的原因有哪些？

网站关键词排名突然下降的原因有哪些？

做网站关键词排名波动起伏是正常的现象&#xff0c;对于老站长来说已经是习以为常。而对于很多刚入门的seo优化人员来说&#xff0c;就会想着各种理由&#xff0c;比如说是否中了百度算法、是否有堆砌关键词、是否被降权等等&#xff0c;于是就从头到尾的去检测网站然后相应去修…
阅读更多...
赣州seo教您如何利用文章页来做长尾关键词优化?

赣州seo教您如何利用文章页来做长尾关键词优化?

网站优化离不开关键词优化&#xff0c;一个自然排名好的网站&#xff0c;其20%的流量是来自于长尾关键词的流量&#xff0c;因此&#xff0c;长尾关键词的优化在网站优化中起到至关重要的作用&#xff0c;一般长尾关键词广泛分布于网站的标签、文章、专题等页面&#xff0c;而文…
阅读更多...
网站关键词优化之seo标题写法,快速学会搜索引擎分词技术!

网站关键词优化之seo标题写法,快速学会搜索引擎分词技术!

网站标题在做 网站关键词优化的工作中起到至关重要的作用&#xff0c;而网站标题的布局也是众多SEOer容易忽视的一个问题&#xff0c;很多SEOer喜欢在标题里堆砌很多的关键词&#xff0c;如果网站标题布局不合理反而会受到百度算法的惩罚&#xff0c;严重者直接被K&#xff0c;…
阅读更多...
站内seo网站优化需要做好哪些工作?

站内seo网站优化需要做好哪些工作?

网站seo优化推广主要分为站内seo网站优化和站外seo网站优化&#xff0c;随着百度降低了外链的占比率&#xff0c;现如今站长们只有从站内去做好seo网站优化&#xff0c;而站内seo优化主要包含哪些方面呢&#xff1f;其实站内seo网站优化主要是通过网站的程序、内容、布局等多方…
阅读更多...
seo网站优化中应如何为网站选择高质量外链?

seo网站优化中应如何为网站选择高质量外链?

随着百度算法的不断升级&#xff0c;现如今外链的效果已不如从前&#xff0c;虽然百度对外链的占比率降低了&#xff0c;但不代表这外链就没有效果了&#xff0c;只是现在外链最#注重质量度、相关性等等&#xff0c;而很多的seo站长都在为选择高质量外链而发愁&#xff0c;原因…
阅读更多...
「网站收录查询」百度收录批量查询工具主要有哪些?

「网站收录查询」百度收录批量查询工具主要有哪些?

关键词排名查询工具是每一个seo站长都会经常使用到的工具&#xff0c;而我们做网站优化的目的就是给网站关键词有很多的排名&#xff0c;只有排名做上去了网站的点击量才会有所提升&#xff0c;因此我们需要不断的去查询网站关键词排名&#xff0c;而如果一个一个关键词输入搜索…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站 广利置业