压缩如何压缩网站提高网页的打开速度

如何压缩网站提高网页的打开速度

篇一 20种提升网页速度的技巧

20种提升网页速度的技巧

您希望加快网页的加载速度吗了解如何通过缩短加载时间来改善拨号上网用户的浏览体验在某些情形下加载时间最多可缩短80%。 ,创始人和开发人员, Incredicorp

关闭[x]

Marco Kotrotsos是一名拥有10年构建软件系统经验的开发人员他构建过的软件系统范围很广从用于顶级保险公司的企业级应用程序到用于刚起步的企业的SMB和Web应用程序的管理工具。Marco是Incredicorp的创始人这家公司主要帮助刚起步的企业和小型企业将他们的产品推向市场。他与语义Web、 AI、 CSS3和语义搜索等先进领域的技术专家合作。

2016年4月 09 日

?

在IBM Bluemix云平台上开发并部署您的下一个应用。

开始您的试用

引言

不是所有人都能够使用高速Internet连接。即使每个人都能够使用高速网络也会因为各种各样的原因使您的Web应用程序看起来运行缓慢。在这个宽带速度不断提高的时代您应当关注一下页面加载时间。将珍贵的页面加载时间缩短几秒将更加珍贵的请求和响应时间缩短几毫秒。您将为访问者创造一种更好的体验。

阅读完本文之后您将能够较好地了解网页加载时间优化的基本知识。您还能够使用工具和知识更好地识别和判断加载缓慢的页面部分和瓶颈。

先决条件

在理想情况下您应该安装了 Mozi l la Firefox。您还应该大体了解Web开发。本文涉及的主题并不复杂但是如果您了解超文本标记语言Hypertext Markup Language HTML、层叠样式表Cascading Style Sheet CSS以及?编程语言等主题那么在学习本文时将更加得心应手。不需要使用集成开发环境 IDE 只需使用您喜爱的编辑器。

您必须在浏览器中启用了 JavaScript。另外要学习与F irebug和YSlow相关的内容您需要安装F irefoxWeb浏览器。

假设您没有宽带

许多人通过某种形式的宽带连接访问Internet 这些形式可能是DSL、网线、光纤或其他方法。但是无法使用这

类技术的用户不得不使用拨号连接。您一定已经忘记拨号上网是什么感觉了 但您可以试着回想一下网页逐行加载时的情形。xx Organization for Economic Cooperation andDevelopment (OECD)报告将宽带定义为数据下载速率大于 256 kbit/s 的连接。美国 Federal CommunicationsCommission (FCC) 目前将宽带定义为大于768 kbit/s速率的所有连接方式。 幸运的是这些可怜的人们现在已经能够获得一些帮助。您可以通过缩短加载页面的时间来改善他们的体验。但是拨号连接并不是降低加载和响应速度的惟一原因。许多Web设计人员错误地认为高速Internet连接的到来会使网站性能优化变得没有必要。这种观点是不对的。例如过去使用桌面软件执行的许多任务现在可以在线执行。在Web应用程序中获得像桌面软件那样的高速响应体验非常困难因此性能优化非常重要。幸运的是一些工具和最佳实践可用于缩短响应和加载时间提供更加流畅的体验。

根据Birds-Eye的xx宽带统计显示美国境内25%的人没有Internet连接53%的人拥有宽带21%的人仍然在使用拨号连接。

基本工具

对于所有与优化相关的任务您必须使用工具来诊断

瓶颈和识别问题。现在在Web开发中使用最广泛的两个工具是Firebug和YS low它们都是开源、免费的F irefox插件。

Firebug

F irebug参见 是最流行的F irefox扩展之一该应用程序能够使Web开发人员的工作更加轻松。它包含许多非常有用的功能比如

?JavaScript调试

?JavaScript命令行

?监视JavaScript性能和跟踪XmlHttpRequests

?登录Firebug控制台

?跟踪

?检查HTML元素和动态编辑HTML代码

?动态编辑CSS文档

YSlow

YSlow参见 分析网页并根据Yahoo!起草的高性能网站规则参见参考 告诉您网页加载缓慢的原因。YSlow是一个与Firebug集成的F irefox插件因此您需要首先安装Firebug 然后才能安装和使用YSlow。

安装F i re b u g

两个F irefox扩展的安装过程都非常简单。要安装Firebug 执行以下步骤

1 .打开Firefox 转到。

2.安装最新版的Firebug。

3.如果Firefox配置为阻止弹出窗口 单击Al low允许打开安装窗口。否则单击

Instal l Now。

4.重启Firefox。

您现在可以从Tools菜单访问Firebug。可以在新窗口或现有窗口中打开Firebug 参见 。

图 1 . Firefox起始页的Firebug HTML和Style视图 回页首

安装YSlow

安装Firebug之后接下来安装YSlow。为此执行以下步骤

1 .打开Firefox 然后转到。

2.安装插件然后重启Firefox。

注意与许多其他Firefox扩展不同YS low不会自动启动。必须首先激活它。

篇二网页启用Gzip压缩提高浏览速度

Gzip压缩我很早已经就启用了不过从未与大家分享过。近期由于备案问题临时更换服务器结果忘了启用Gzip压缩周末利用空余时间启用了Gzip

压缩并把全部过程记录下来与大家分享。

启用Gzip压缩的好处

它的好处显而易见提高网页浏览速度无论是之前说的精简代码、压缩图片都不如启用Gzip来的实在。下图为启用Gzip后的效果。

Gzip压缩效率非常高通常可以达到70%的压缩率也就是说如果你的网页有30K压缩之后就变成了9K左右。

第一步打开I IS启用HTTP压缩服务

右击”网站”->“属性”

选择”服务”。在”HTTP压缩”框中选中”压缩应用程序文件”和”压缩静态文件” 按需要设置”临时目录”和”临时目录的最大限制”;

第二步启用web服务

第三步修改

开始>运行中输入c:\windows\system32\inetsrv 找到 先备份在修改。 有的服务器不需要修改此文件便可以使用

搜 索 Location=“/LM/W3SVC/Fi lters/Compression/gzip”

仔细核对下代码

替换成

篇三站长吧网页怎么开启启用Gzip压缩提高浏览速度

网页启用Gzip压缩提高浏览速度

时间 2016-8-14 23:02:1 1 作者 来源 查看3 评论 0

百度权重查询站长交易友情链接交换网站监控服务器监控SEO监控Gzip压缩我很早已经就启用了不过从未与大家分享过。近期由于备案问题临时更换服务器结果忘了启用Gzip压缩周末利用空余时间启用了Gzip压缩并把全部过程记录下来与大家分享。站长吧网站怎么开启gzip。

启用Gzip压缩的好处

它的好处显而易见提高网页浏览速度无论是之前说的精简代码、压缩图片都不如启用Gzip来的实在。下图为启用Gzip后的效果。

Gzip压缩效率非常高通常可以达到70%的压缩率站长吧网站怎么开启gzip也就是说如果你的网页有30K

压缩之后就变成了9K左右。

第一步打开I IS启用HTTP压缩服务

右击“网站”->“属性” 选择“服务”。在“HTTP压缩”框中选中“压缩应用程序文件”和“压缩静态文件” 按需要设置“临时目录”和“临时目录的最大限制”;

第二步启用web服务

第三步修改

开始>运行中输入c:\windows\system32\inetsrv 找到 先备份在修改。 有的服务器不需要修改此文件便可以使用

搜 索 Location=“/LM/W3SVC/Fi lters/Compression/gzip”

仔细核对下代码

替换成

修改好后在服务中停止I ISAdmin Service服务。站长吧网站怎么开启gzip

然后在保存保存好后再启动I IS。这样Gzip压缩就启用成功了。

最后测试Gzip压缩是否成功可以到站长工具进行检测。

提示

本文仅针对windows的I IS服务器上演示的VPS主机、独立服务器均可以实现虚拟主机用户需要咨询空间商一般虚拟主机都启用了Gzip如果你的站在启用Gzip压缩时遇到了困难可在此跟帖评论与交流我会竭尽全力为大家解答。

文章来源卢松松的博客转载请注明出处。

本文地址 .cn/baidu/

《如何压缩网站提高网页的打开速度》