如何压缩网站提高网页的打开速度
篇一 20种提升网页速度的技巧
20种提升网页速度的技巧
您希望加快网页的加载速度吗了解如何通过缩短加载时间来改善拨号上网用户的浏览体验在某些情形下加载时间最多可缩短80%。 ,创始人和开发人员, Incredicorp
关闭[x]
Marco Kotrotsos是一名拥有10年构建软件系统经验的开发人员他构建过的软件系统范围很广从用于顶级保险公司的企业级应用程序到用于刚起步的企业的SMB和Web应用程序的管理工具。Marco是Incredicorp的创始人这家公司主要帮助刚起步的企业和小型企业将他们的产品推向市场。他与语义Web、 AI、 CSS3和语义搜索等先进领域的技术专家合作。
2009年4月09 日
?
在IBMBluemix云平台上开发并部署您的下一个应用。
开始您的试用
引言
不是所有人都能够使用高速Internet连接。即使每个人都能够使用高速网络也会因为各种各样的原因使您的Web应用程序看起来运行缓慢。在这个宽带速度不断提高的时代您应当关注一下页面加载时间。将珍贵的页面加载时间缩短几秒将更加珍贵的请求和响应时间缩短几毫秒。您将为访问者创造一种更好的体验。
阅读完本文之后您将能够较好地了解网页加载时间优化的基本知识。您还能够使用工具和知识更好地识别和判断加载缓慢的页面部分和瓶颈。
先决条件
在理想情况下您应该安装了Mozi l la Firefox。您还应该大体了解Web开发。本文涉及的主题并不复杂但是如果您了解超文本标记语言Hypertext Markup Language HTML 、层叠样式表Cascading Style Sheet CSS以及?编程语言等主题那么在学习本文时将更加得心应手。不需要使用集成开发环境IDE 只需使用您喜爱的编辑器。
您必须在浏览器中启用了JavaScript。另外要学习与Firebug和YSlow相关的内容您需要安装Firefox Web浏览器。
假设您没有宽带
许多人通过某种形式的宽带连接访问 Internet这些形式可能是DSL、 网线、光纤或其他方法。但是无法使用这类技术的用户不得不使用拨号连接。您一定已经忘记拨号上网是什
1/12
么感觉了但您可以试着回想一下网页逐行加载时的情形。
2006 Organization for Economic Cooperation and Development (OECD)报告将宽带定义为数据下载速率大于256 kbit/s的连接。美国Federal Communications Commission(FCC) 目前将宽带定义为大于768 kbit/s速率的所有连接方式。 幸运的是这些可怜的人们现在已经能够获得一些帮助。您可以通过缩短加载页面的时间来改善他们的体验。但是拨号连接并不是降低加载和响应速度的惟一原因。许多Web设计人员错误地认为高速Internet连接的到来会使网站性能优化变得没有必要。这种观点是不对的。例如过去使用桌面软件执行的许多任务现在可以在线执行。在Web应用程序中获得像桌面软件那样的高速响应体验非常困难因此性能优化非常重要。幸运的是一些工具和最佳实践可用于缩短响应和加载时间提供更加流畅的体验。
根据Birds-Eye的2007宽带统计显示美国境内25%的人没有I nternet连接53%的人拥有宽带 21%的人仍然在使用拨号连接。
基本工具
对于所有与优化相关的任务您必须使用工具来诊断瓶颈和识别问题。现在在Web开发中使用最广泛的两个工具是Firebug和YSlow它们都是开源、免费的Firefox插件。
Firebug
Firebug 参见是最流行的Firefox扩展之一该应用程序能够使Web开发人员的工作更加轻松。它包含许多非常有用的功能 比如
?JavaScript调试
?JavaScript命令行
?监视JavaScript性能和跟踪XmlHttpRequests
?登录Firebug控制台
?跟踪
?检查HTML元素和动态编辑HTML代码
?动态编辑CSS文档
YSlow
YSlow参见分析网页并根据Yahoo!起草的高性能网站规则参见参考 告诉您网页加载缓慢的原因。 YSlow是一个与Firebug集成的Firefox插件 因此您需要首先安装Firebug然后才能安装和使用YSlow。
安装Firebug
两个Fi refox扩展的安装过程都非常简单。要安装Fi rebug执行以下步骤
1.打开Fi refox转到。
2.安装最新版的Firebug。
3.如果Firefox配置为阻止弹出窗口单击Al low允许打开安装窗口。否则单击
Instal l Now。
4.重启Fi refox。
您现在可以从Tools菜单访问 Firebug。可以在新窗口或现有窗口中打开Firebug 参见 。
2/12
图1. Firefox起始页的Firebug HTML和Style视图回页首
安装YSlow
安装Firebug之后接下来安装YSlow。为此执行以下步骤
1.打开Fi refox然后转到。
2.安装插件然后重启Fi refox。
注意与许多其他Fi refox扩展不同 YSlow不会自动启动。必须首先激活它。
篇二 网页启用Gzip压缩提高浏览速度
Gzip压缩我很早已经就启用了不过从未与大家分享过。近期由于备案问题临时更换服务器结果忘了启用Gzip压缩周末利用空余时间启用了Gzip
压缩并把全部过程记录下来与大家分享。
启用Gzip压缩的好处
它的好处显而易见提高网页浏览速度无论是之前说的精简代码、压缩图片都不如启用Gzip来的实在。下图为启用Gzip后的效果。
Gzip压缩效率非常高通常可以达到70%的压缩率也就是说如果你的网页有30K压缩之后就变成了9K左右。
第一步打开I IS启用HTTP压缩服务
右击"网站"->"属性"
选择"服务"。在"HTT P压缩"框中选中"压缩应用程序文件"和"压缩静态文件"按需要设置"临时目录"和"临时目录的最大限制";
第二步启用web服务
第三步修改MetaBase.xml
开始>运行中输入c:\windows\system32\inetsrv找到MeteBase.xml 先备份在修改。
有的服务器不需要修改此文件便可以使用
搜索Location="/LM/W3SVC/Fi lters/Compression/gzip"
仔细核对下代码
="/LM/W3SVC/Fi lters/Compression/deflate"
HcCompressionDl l="%windir%\system32\inetsrv\gzip.dl l"
HcCreateFlags="0"
HcDoDynamicCompression="TRUE"
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="FALSE"
HcDynamicCompressionLevel="0"
HcFi leExtensions="htmhtmlLocationtxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="asp
3/12
dl lexe"
>
HcCreateFlags="1"
HcDoDynamicCompression="TRUE"
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="TRUE"
HcDynamicCompressionLevel="0"
HcFi leExtensions="htmhtmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="aspdl lexe"
>
替换成
="/LM/W3SVC/Fi lters/Compression/gzip"
HcCompressionDl l="%windir%\system32\inetsrv\gzip.dl l"HcCreateFlags="1"
HcDoDynamicCompression="TRUE"Location
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="TRUE"
HcDynamicCompressionLevel="10"
HcFi leExtensions="htmlcssjshtmxmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="phpdl l"
>
4/12
="/LM/W3SVC/Fi lters/Compression/deflate"
HcCompressionDl l="%windir%\system32\inetsrv\gzip.dl l"HcCreateFlags="2"
HcDoDynamicCompression="TRUE"
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="TRUE"
HcDynamicCompressionLevel="10"
HcFi leExtensions="htmlcssjshtmxmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"Location
篇三站长吧网页怎么开启启用Gzip压缩提高浏览速度
网页启用Gzip压缩提高浏览速度
时间 2013-8-1423:02:11作者来源查看 3评论 0
百度权重查询站长交易友情链接交换网站监控服务器监控SEO监控Gzip压缩我很早已经就启用了不过从未与大家分享过。近期由于备案问题临时更换服务器结果忘了启用Gzip压缩周末利用空余时间启用了Gzip压缩并把全部过程记录下来与大家分享。站长吧网站怎么开启gzip。
启用Gzip压缩的好处
它的好处显而易见提高网页浏览速度无论是之前说的精简代码、压缩图片都不如启用Gzip来的实在。下图为启用Gzip后的效果。
Gzip压缩效率非常高通常可以达到70%的压缩率站长吧网站怎么开启gzip也就是说如果你的网页有30K压缩之后就变成了9K左右。
第一步打开I IS启用HTTP压缩服务
右击“网站”->“属性”选择“服务”。在“HTTP压缩”框中选中“压缩应用程序文件”和“压缩静态文件”按需要设置“临时目录”和“临时目录的最大限制”;
第二步启用web服务
第三步修改MetaBase.xml
开始>运行中输入c:\windows\system32\inetsrv找到MeteBase.xml 先备份在修改。
有的服务器不需要修改此文件便可以使用
搜索Location="/LM/W3SVC/Fi lters/Compression/gzip"
仔细核对下代码
HcCreateFlags="0"
HcDoDynamicCompression="TRUE"
5/12
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="FALSE"
HcDynamicCompressionLevel="0"
HcFi leExtensions="htmhtmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="aspdl lexe"
>
HcCreateFlags="1"
HcDoDynamicCompression="TRUE"
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="TRUE"
HcDynamicCompressionLevel="0"
HcFi leExtensions="htmhtmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="aspdl lexe"
>
替换成
HcCreateFlags="1"
HcDoDynamicCompression="TRUE"
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="TRUE"
HcDynamicCompressionLevel="10"
HcFi leExtensions="htmlcssjshtm
6/12
xmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="phpdl l"
>
HcCreateFlags="2"
HcDoDynamicCompression="TRUE"
HcDoOnDemandCompression="TRUE"
HcDoStaticCompression="TRUE"
HcDynamicCompressionLevel="10"
HcFi leExtensions="htmlcssjshtmxmltxt"
HcOnDemandCompLevel="10"
HcPriority="1"
HcScriptFi leExtensions="phpdl l"
>
修改好后在服务中停止I ISAdmin Service服务。站长吧网站怎么开启gzip
然后在保存MeteBase.xml 保存好后再启动I IS。这样Gzip压缩就启用成功了。
最后测试Gzip压缩是否成功可以到站长工具http://tool .chinaz.com/Gzips/进行检测。
提示
本文仅针对windows的I IS服务器上演示的 VPS主机、独立服务器均可以实现虚拟主机用户需要咨询空间商一般虚拟主机都启用了Gzip如果你的站在启用Gzip压缩时遇到了困难可在此跟帖评论与交流我会竭尽全力为大家解答。
文章来源卢松松的博客转载请注明出处。
本文地址 .cn/baidu/17.html
7/12
8/12
9/12
