当前位置:首页 > 代码 > 正文

网页代码压缩工具(网页代码压缩工具在哪)[20240430更新]

admin 发布:2024-04-30 23:47 125


本篇文章给大家谈谈网页代码压缩工具,以及网页代码压缩工具在哪对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

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

第一:利用GZIP压缩网页来提升网站浏览速度, 这个不是所有的网站都适用的

 因为开启GZIP压缩,是牺牲服务器性能来达到的..会对服务器产生额外的开销..所以要看你服务器的性能是否满足

一.IIS6.0开启方法:

1.双击IIS服务器,右键点击网站,点击属性,然后点击服务,我们看到HTTP压缩,然后在压缩应用程序文件,压缩静态文件中打钩,然后点击确定,第一步就完成了

 2.然后我们右键点击web服务扩展,点击添加一个新的web服务扩展,输入扩展名,为了便于我们识别,我们可以起名为gzip,然后点击添加,选择C:\WINDOWS\system32\inetsrv\gzip.dll,然后点击确定,扩展状态为允许,否则gzip不能生效,一切完成,我们就可以点击确定了.

3.接下来也是最重要的一步了,编辑IIS配置数据库配置文件,在此操作之前,我们应该关闭IIS服务器才能进行接下来的操作,当然我们也可以不关闭IIS服务器,我们双击IIS服务器,右键点击本地计算机,点击属性,在允许直接编辑配置数据库上打钩,那么我们不用关闭IIS就能直接配置服务器配置数据库配置文件了

4.我们找到C:\WINDOWS\system32\inetsrv下的MetaBase.xml文件,操作这个文件之前应该先复制一份,以免出现意外的情况.打开此文件,搜索deflate,找到HcDoStaticCompression原来为false改为true,HcDynamicCompressionLevel原来为0,改为9,HcFileExtensions里面就可以添加我们需要压缩的后缀,这里添加的是静态文件,一般压缩html,js,css图片不列为压缩之列.动态的文件可不可以压缩呢,当然可以HcScriptFileExtensions里面就是填写要压缩的动态文件.配置完这个,我们要来配置下面的gzip,他们两个紧挨着的,配置方法相同.

二.IIS7开启方法:

在IIS7中配置Gzip压缩相比IIS6来说实在容易了许多,而且默认情况下就是启用GZip压缩的。如果没有,则可以再功能视图下找到“压缩”项,进入之后就会看到“静态内容压缩”和“动态内容压缩”两个选项,勾上即可。

三.apache开启方法

找到并打开apache/conf目录中的httpd.conf文件

httpd.conf中打开deflate_Module和headers_Module模块,具体做法为将 如下两句前面的#去掉:

LoadModule deflate_module modules/mod_deflate.so

LoadModule headers_module modules/mod_headers.so

在httpd.conf文件底部加入如下代码配置需要压缩的文件:

IfModule deflate_module

SetOutputFilter DEFLATE

# Don’t compress images and other 

SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary 

SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary 

SetEnvIfNoCase Request_URI .(?:pdf|doc)$ no-gzip dont-vary 

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css 

AddOutputFilterByType DEFLATE application/x-javascript

/IfModule

重启APACHE

四.nginx开启方法

修改/usr/local/conf/nginx/nginx.conf,在http节点加入gzip配置即可。

gzip on;

gzip_min_length 1k;

gzip_buffers 16 64k;

gzip_http_version 1.1;

gzip_comp_level 6;

gzip_types text/plain application/x-javascript text/css application/xml;

gzip_vary on;

nginx -s reload 重新加载nginx

网页设计大作业压缩包在哪下载

网页设计大作业压缩包在zip分享的下载链接下载。

1、打开zip分享的下载链接。

2、输入网页设计大作业。

3、点击下载即可。

网页怎么压缩,大师们指点一下。

一.摘要

本文总结了如何为使用IIS托管的网站启用Gzip压缩, 从而减少网页网络传输大小, 提高用户显示页面的速度.

二.前言

本文的知识点是从互联网收集整理, 主要来源于中文wiki. 使用YSlow检测网站启用了哪些优化时, Gzip是十分关键的一项. 启动Gip压缩将立竿见影的减少页面的网络传输大小.

三.HTTP压缩概述

HTTP 压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或CSS文件。

压缩的最大好处就是降低了网络传输的数据量,从而提高客户端浏览器的访问速度。

当然,同时也会增加一点点服务器的负担。Gzip是比较常见的一种HTTP 压缩算法。

四.HTTP压缩工作原理

Web服务器处理HTTP压缩的工作原理如下:

1.Web

服务器接收到浏览器的HTTP请求后,检查浏览器是否支持HTTP压缩;

在用户浏览器发送请求的HTTP头中, 带有"Accept-Encoding: gzip, deflate"参数则表明支持gzip和deflate两种压缩算法.

2.如果浏览器支持HTTP压缩,Web服务器检查请求文件的后缀名;静态文件和动态文件后缀启动要所都需要在MetaBase.xml中设置.

静态文件需要设置:

HcFileExtensions Metabase Property

(单击跳转到MSDN说明) 动态文件需要设置: HcScriptFileExtensions Metabase Property (单击跳转到MSDN说明)

3.如果请求文件是HTML、CSS等静态文件并且文件后缀启用了压缩,则Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件;

4.如果请求文件的压缩文件不存在,Web服务器向浏览器返回未压缩的请求文件,并在压缩缓冲目录中存放请求文件的压缩文件;

5.如果请求文件的最新压缩文件已经存在,则直接返回请求文件的压缩文件;

6.如果请求文件是ASPX等动态文件并且文件后缀启用了压缩,Web服务器动态压缩内容并返回浏览器,压缩内容不存放到压缩缓存目录中。

五. 在IIS中启用HTTP压缩

IIS默认并不支持HTTP压缩,需要进行简单的配置

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

2.提醒: 经试验此步骤在本人机器上没有作用, 可以忽略. 在 Internet信息服务(IIS)管理器,右击"Web服务扩展"-"增加一个新的Web服务扩展...",在"新建Web服务扩展"框中输入扩名"HTTP Compression",添加"要求的文件"为C:WINDOWSsystem32inetsrvgzip.dll,其中Windows系统目录根据您的安装可能有所不同,选中"设置扩展状态为允许";

3.使用文本编辑器打开C:WindowsSystem32inetsrvMetaBase.xml(建议先备份), 找到Location ="/LM/W3SVC/Filters/Compression/gzip用于设置gzip压缩,找到Location ="/LM/W3SVC/Filters/Compression/deflate"用于设置deflate压缩. 上面两个节点紧挨着.并且设置的属性相同.

如果需要压缩动态文件,则将HcDoDynamicCompression设置为"TRUE",并在HcScriptFileExtensions中增加您要压缩的动态文件后缀名,如aspx;如果需要压缩静态文件,则将HcDoStaticCompression和 HcDoOnDemandCompression设置为"TRUE",并在HcFileExtensions中增加您需要压缩的静态文件后缀名,如 xml、css等;HcDynamicCompressionLevel和HcOnDemandCompLevel表示需要的压缩率,数值在0-10, 默认为0. HcDynamicCompressionLevel属性说明:

HcDynamicCompressionLevel Metabase PropertyHcOnDemandCompLevel 属性说明:HcOnDemandCompLevel Metabase Property说明: 这两个属性值一般推荐设置为

9, 具有最佳性价比.但是在我的window server 2003上, 压缩率无论如何设置, jQuery和jQuery

UI两个文件(58k/188k)压缩后的大小一直相同.(20k/45k). 下面是我的实例: Xml代码

1.IIsCompressionSchemeLocation="/LM/W3SVC/Filters/Compression/deflate"

2.HcCompressionDll="%windir%system32inetsrvgzip.dll"

3.HcCreateFlags="0"

4.HcDoDynamicCompression="TRUE"

5.HcDoOnDemandCompression="TRUE"

6.HcDoStaticCompression="true"

7.HcDynamicCompressionLevel="9"

8.HcFileExtensions="htm

9. html

10. txt

11. js

12. css

13. swf

14. xml"

15.

HcOnDemandCompLevel="9"

16. HcPriority="1"

17. HcScriptFileExtensions="asp

18. aspx

19. dll

20. exe"

21.

22./IIsCompressionScheme

23.IIsCompressionSchemeLocation="/LM/W3SVC/Filters/Compression/gzip"

24. HcCompressionDll="%windir%system32inetsrvgzip.dll"

25. HcCreateFlags="1"

26. HcDoDynamicCompression="TRUE"

27. HcDoOnDemandCompression="TRUE"

28. HcDoStaticCompression="true"

29. HcDynamicCompressionLevel="9"

30. HcFileExtensions="htm

31. html

32. txt

33. js

34. css

35. swf

36. xml"

37. HcOnDemandCompLevel="9"

38. HcPriority="1"

39.

HcScriptFileExtensions

="asp

40. aspx

41. dll

42. exe"

43.

44./IIsCompressionScheme

.csharpcode, .csharpcode pre { font-size: small; color: black;

font-family: consolas, "Courier New", courier, monospace;

background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre

{ margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd

{

color:

#0000ff;

}

.csharpcode

.str

{

color:

#006080;

}

.csharpcode

.op

{ color: #0000c0; } .csharpcode .preproc { color:

#cc6633; } .csharpcode .asp { background-color:

#ffff00;

}

.csharpcode

.html

{

color:

#800000;

}

.csharpcode

.attr

{

color:

#ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%;

margin: 0em; } .csharpcode .lnum { color: #606060; }

4.编辑完毕后保存MetaBase.xml文件;如果文件无法保存,则可能IIS正在使用该文件。打开"开始"-"管理工具"-"服务",停止"IIS Admin Service"后,即可保存

5.最后,重新启动IIS。可以到HTTP压缩测试网站验证结果.以jQuery为例, 核心类库和UI类库原始大小分别是57k和188k,压缩后分别是20k和45k:

我们通过Http头中的: Content-Encoding:gzip 属性判断返回后的数据已经启用了gzip压缩:

使用YSlow检测, 当只启动静态文件压缩时:

Gzip压缩评级为B:

当同时启动了动态文件压缩时, Gzip压缩评级为A:

网页压缩如何做呢

网页压缩可以提高网页打开的速度,网页压缩一般有以下几方面的压缩

图片的压缩,把图片质量稍微降低

css和js代码的合并,把能够合并的代码都合并在一起,减少页面请求的数量

还有一种叫做GZIP压缩,不过使用GZIP压缩来压缩网页文件这种方式,往往存在一定的风险,但是这种压缩比是非常高的,甚至能够超过八成,但是风险就是搜索引擎蜘蛛搜索到这样的压缩文件时,往往会返回代码200 0 64,换句话说,就是不利于网站内容的收录,所以对于重要的网站内容而言,还是较少的使用比较好!

网页代码压缩工具的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网页代码压缩工具在哪、网页代码压缩工具的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://www.ahzz.com.cn/post/902.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载