`
newleague
  • 浏览: 1472382 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

web性能优化之GZIP压缩

阅读更多

以前做网站维护的时候有接触过GZIP压缩,这里具体谈谈GZIP压缩原理及使用GZIP优化网站性能。

GZIP,即网页压缩,是由WEB服务器和浏览器之间共同遵守的协议,也就是说WEB服务器和浏览器都必须支持该技术,而现在主流的浏览器都是支持的,包括IE、FireFox、谷歌浏览器、Opera 等。常见的WEB服务器有Apache 和IIS 等。双方的协商过程如下:

1、首先浏览器请求某个URL 地址,并在请求的头 (head) 中设置属性accept-encoding值为gzip、deflate,表明浏览器支持gzip和deflate这两种压缩方式(事实上deflate也是使用gzip压缩协议,下面我们会介绍二者之间的区别);

2、WEB服务器接收到请求后判断浏览器是否支持压缩,如果支持就传送压缩后的响应内容,否则传送不经过压缩的内容;

3、浏览器获取响应内容后,判断内容是否被压缩,如果是则解压缩,然后显示响应页面的内容。

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

在实际应用中,并不需要对网站所有文件都进行压缩,只需要对静态文件进行压缩就可以了,包括js、css及html文件。对其他文件进行压缩并不会对WEB性能有太多的改观,并且对网站开启GZIP功能是需要牺牲部分服务器性能的。对于FLASH文件来说开启GZIP压缩之后还会影响其效果。检查网页是否进行GZIP压缩过,可以使用FireFox的YSlow插件来差看,如下图:

也可以通过下面的网站在线查看,http://gzip.zzbaike.com/,如下图:
 

http://www.iteye.com/topic/1070998

分享到:
评论

相关推荐

    web前端性能优化.docx

    web前端性能优化,主要是从加载优化、gzip压缩、减少DNS查询、gulp压缩打包 部分实现代码和前后效果对比图介绍

    GZIP压缩Tomcat并提升web性能过程图解

    后来网上搜优化的方法,就是Http压缩。  HTTP压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求服务器对应资源后,从服务器端将资源文件压缩,再输出到客户端,由客户端的浏览器负责解压缩并浏览。即:...

    nodejs资源压缩方式.doc

    做过web性能优化的同学,对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求,比如下载一个js文件,服务器先对资源进行压缩,再返回给浏览器,以此节省流量,加快访问速度。

    实战Nginx.取代Apache的高性能Web服务器

    取代Apache的高性能Web服务器 电子工业出版社 319页 第1部分 基础篇 第1章 Nginx简介 1.1 常用的Web服务器简介 1.2 Nginx简介 1.3 选择Nginx的理由 1.4 Nginx与Apache、Lighttpd的综合对比 第2章 Nginx服务器...

    实战Nginx:取代Apache的高性能Web服务器 第一章

    张宴《实战Nginx:取代Apache的高性能Web服务器》pdf电子版下载,此资料网友共享,请购买作者正版书籍. 目录介绍: 第1部分 基础篇 第1章 Nginx简介 1.1 常用的Web服务器简介 1.2 Nginx简介 1.3 选择Nginx的理由 ...

    gzip:优化任何Joomla网站并将其转变为渐进式Web应用程序

    Joomla网站优化程序插件 *使您的网站快速发展。* 这是此插件提供的一些功能HTML HTML缩小保留IE条件注释Java脚本合并...将强制执行优化dns预取使用HTTP服务器计时标头的配置文件插件性能使用brotli或gzip预压缩的缓存文

    高性能网站建设指南:前端工程师技能精髓

    全书内容丰富,主要包括减少HTTP请求、EdgeComputing技术、ExpiresHeader技术、Gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭...

    awesome-webpack-perf:精选的用于Web性能的Webpack工具列表

    很棒的Webpack性能 精选的Webpack工具和插件列表,可帮助提高网络速度内容图像压缩工具:用于单一格式其他工具字型Gzip / Brotli 服务人员<link rel>和[removed] 预渲染渐进式Web应用程序(PWA) 分析工具捆绑...

    Port80 Software httpZip 3.9.11 for IIS (服务器特别版)

    Port80 Software httpZip for IIS 是一款安全,强大,价格合理的珍惜宝贵带宽的工具,httpZip 是一个IIS服务器模块,它可以降低代价,提高页面装入时间,调节当前服务器资源--使用HTTP编码算法透明压缩WEB网页。...

    munee-master资源优化PHP库.zip

    <?... /**  * Munee: Optimising Your Assets...Munee 可以自动编译 LESS,SCSS 和 CoffeeScript,并且还能将多个 CSS 和 JS 文件合并成一个请求,以及最小化和 GZip 压缩这些文件以节省带宽和更好的网站的性能。

    asp.net博客系统

    * gzip压缩性能有待进一步测试,因为虽然压缩后减少了数据传输量,但压缩本身要消耗一定的服务器资源,不知孰重孰轻... * 文本编辑器采用的是开源的DotNetTextBox 【数据库配置】 web/App_Data里是数据库实体...

    Node.js开发教程之基于OnceIO框架实现文件上传和验证功能

    OnceIO 是 OnceDoc 企业内容(网盘)的底层Web框架,它可以实现模板文件、静态文件的全缓存,运行起来完全不需要I/O操作,并且支持客户端缓存优化,GZIP压缩等(只在第一次压缩),拥有非常好的性能,为您节约服务器...

    优化Windows Server自带的互联网信息服务器(IIS).doc

    Windows Server自带的互联网信息服务器(Internet Information Server,IIS)是架设网站服务器的常用工具,它是一个既简单而又麻烦的东西,新 手都可以使用IIS架设一个像模像样的Web站点来,但配 置、优化IIS的性能,...

    实战nginx-张宴

    目 录 完整诠释Nginx 分享Nginx的实战经验 不可多得的Nginx一手资料 联系博文视点 序言 第1部分 基础篇 第1章 Nginx简介 1.1 常用的Web服务器简介 1.2 Nginx的发展 ...实战Nginx: 取代Apache的高性能Web服务器

    UPUPW PHP v5.2.17 经典怀旧版套装 c1.zip

    5、默认开启Gzip网页压缩传输,支持伪静态等设置; 6、支持虚拟主机可在任意磁盘建立网站目录,并且每个目录可单独绑定多级域名或泛域名 ;   主要组成: Apache ...

    MaoBo微博安卓客户端开源(原名YiBo).zip

    4. 精巧的缓存设计,gzip通信压缩,大大减少手机流量,提高阅读体验;5. 支持新浪、腾讯、搜狐、网易和Twitter五大微博平台,方便地消息同步和帐号管理;6. 支持3G、WIFI、CMNET和CMWAP等各种网络类型接入;7. 支持...

    ebsite for net4.0网站建设系统 v3.0 正式版.zip

    5.性能优化,打造支持1000w级别数据访问系统,因此3.0后放弃了之前的Access数据版本,只保留了MySql与Sqlserver两个官方版本,数据库方面做了性能优化,在系统本身加入了数据硬盘缓存机制,实现了动态访问静态调用,...

    亮剑.NET深入体验与实战精要2

    第15章 大型网站的性能优化与安全 525 15.1 高效C#编码优化 526 15.2 页面(HTML)优化的方法 534 15.3 ASP.NET开发性能优化 540 15.3.1 如没必要,尽量使用静态HTML页面 540 15.3.2 避免不必要的回送操作 541 ...

    亮剑.NET深入体验与实战精要3

    第15章 大型网站的性能优化与安全 525 15.1 高效C#编码优化 526 15.2 页面(HTML)优化的方法 534 15.3 ASP.NET开发性能优化 540 15.3.1 如没必要,尽量使用静态HTML页面 540 15.3.2 避免不必要的回送操作 541 ...

Global site tag (gtag.js) - Google Analytics