`
sayong
  • 浏览: 12653 次
  • 性别: 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/,如下图:


原文地址:web性能优化之GZIP压缩
分享到:
评论

相关推荐

    nginx-1.18.0已开启gzip压缩优化vue项目大小.zip

    在这个场景中,我们看到一个关于“nginx-1.18.0已开启gzip压缩优化vue项目大小.zip”的压缩包,它涉及到三个主要的技术领域:Nginx、gzip压缩以及Vue Element Admin。下面我们将详细探讨这些知识点。 首先,Nginx是...

    web前端性能优化

    常见的服务器优化措施包括使用高效的Web服务器、合理配置服务器缓存、压缩静态资源以减少传输数据量、启用Gzip压缩传输等。此外,还需要考虑静态资源分发、数据库查询优化、后端程序代码优化等方面,以减少服务器的...

    web前端性能优化.docx

    Web 前端性能优化技术指南 Web 前端性能优化是指通过各种技术手段来提高 Web 应用程序的加载速度和响应速度,以提高用户体验。下面是 Web 前端性能优化的几个关键技术点: 一、加载优化 加载优化是指通过减少加载...

    最简单的gzip压缩

    在`.htaccess`文件中,你可以添加如下代码来启用服务器端的gzip压缩,以优化网站性能: ``` AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType ...

    pako gzip 压缩和解压缩(支持中文)

    在提供的压缩包中,包含了一个名为`webserviceTest.html`的文件,这可能是一个演示如何在实际Web服务中使用pako进行gzip压缩和解压缩的示例。此外,`js`文件夹可能包含了pako库和其他相关的JavaScript代码。通过查看...

    gzip压缩js,csss文件

    在Web服务器上启用gzip压缩,可以显著降低页面的加载时间,尤其是在带宽有限的情况下,效果尤为明显。 首先,我们要准备要压缩的js和css文件,并将它们放入一个名为“gzip”的文件夹下。这样做是为了方便管理和操作...

    让你页面速度飞起来 Web前端性能优化(视频教程+ppt)

    ### Web前端性能优化知识点 #### 一、构建优化 **1.1 文件压缩与合并** - **文件压缩**:利用工具如UglifyJS、Terser等对JavaScript、CSS等静态资源进行压缩,减少文件体积,从而加快加载速度。 - **文件合并**:...

    Gzip压缩技术以及压缩算法

    总的来说,Gzip压缩技术利用LZ77算法寻找和替换重复数据,然后通过Huffman编码进一步压缩结果,有效地减小了文件大小,提升了网络传输效率,特别是在HTTP通信中,它已成为优化网页加载速度的标准工具。理解Gzip的...

    IIS启用GZIP压缩js、css无效的原因及解决方法.docx

    总的来说,启用IIS的GZIP压缩对于优化网站性能至关重要,特别是对于js和css这类影响用户体验的资源。正确配置IIS的GZIP压缩设置,可以显著减少页面加载时间,提升用户访问体验。对于开发者来说,理解并掌握这一技巧...

    WebLogic的GZip压缩

    WebLogic的GZip压缩是一种优化技术,用于减少通过网络传输的数据量,特别是在Web应用程序中,可以显著提升网页加载速度和服务器性能。GZip压缩利用了HTTP协议中的Content-Encoding头,服务器在发送响应到客户端...

    Gzip压缩.docx

    Gzip压缩是一种常见的数据压缩技术,特别是在Web性能优化中扮演着重要角色。它通过压缩网页内容,特别是HTML、CSS和JavaScript等文件,显著减少网络传输的数据量,从而加快页面加载速度,提高用户体验。Gzip是基于...

    启用 IHS GZip 压缩提高网络 IO 性能

    标题 "启用 IHS (IBM HTTP Server) GZip 压缩提高网络 IO 性能" 指的是在 IBM HTTP Server (IHS) 上配置 GZip 压缩以优化网络传输效率。GZip 是一种广泛使用的数据压缩算法,特别适用于在网络传输中减少数据量,从而...

    EhCache开启gzip压缩功能

    EhCache是一款流行的Java缓存系统...综上所述,EhCache开启gzip压缩功能是优化Web应用性能的有效手段,能够减少网络延迟,提高用户体验。同时,正确地配置和使用gzip压缩,还需考虑浏览器兼容性以及服务器资源的平衡。

    java实现gzip ajax请求gzip压缩

    在IT行业中,gzip是一种广泛使用的数据压缩算法,尤其在Web服务中,用于减少网络传输的数据...总的来说,Java实现gzip与Ajax请求的gzip压缩通信,是提升Web应用性能的有效手段,但同时也需要充分考虑兼容性和性能优化。

    php gzip 压缩js或css

    在Web开发中,提高页面加载速度是提升用户体验的关键因素之一。`PHP Gzip`压缩是一种常见的优化技术,它能够有效地减小CSS和JS文件的大小,从而缩短客户端的响应时间。`Gzip`是一种广泛使用的数据压缩算法,通过在...

    php gzip压缩输出的实现方法

    通过gzip压缩页面可以大幅提高网站性能,对于CPU的影响微乎其微,通常只增加几个百分点的CPU使用率,但能够为页面内容压缩超过30%的大小,这对性能的提升来说是非常有益的。在服务器端,可以利用Apache的Gzip模块来...

    页面gzip压缩、加快页面显示

    2. **Web.config配置:** 可以通过修改`web.config`文件来开启gzip压缩,添加以下代码到`<system.webServer>`节点下: ```xml *" enabled="true" /> *" enabled="true" /> <!-- 添加更多需要压缩的MIME...

    大流量Web系统的性能优化实践.

    在构建和运营大流量Web系统时,性能优化是至关重要的环节。这关乎到系统的稳定性、用户体验以及整体资源的效率利用。以下是对“大流量Web系统的性能优化实践”这一主题的详细解析。 一、前端优化 1. **静态资源...

    Java压缩技术(四) GZIP——Java原生实现

    同时,了解GZIP压缩的基本原理和Java的实现方式,有助于优化代码性能,例如在处理大数据时,可以考虑使用缓冲区来提高效率。 总的来说,Java提供的GZIP压缩功能是强大且易用的,`GZipUtils`类的实现可以帮助我们更...

    Tomcat下,使用gzip压缩数据

    总的来说,正确配置Tomcat的gzip压缩可以大大提高Web应用的性能,尤其是在处理大量数据或者跨网络环境传输时。如果你遇到内外网传输效率低下的问题,启用gzip压缩可能是解决之道。但需要注意,虽然gzip压缩减少了...

Global site tag (gtag.js) - Google Analytics