`
MauerSu
  • 浏览: 513433 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Nginx开启Gzip压缩大幅提高页面加载速度及相关测试

 
阅读更多
源:http://www.slyar.com/blog/nginx-gzip-compressed.html
评: 增加一个 contenttype application/javascript
文章作者:姜南(Slyar) 文章来源:Slyar Home (www.slyar.com) 转载请注明,谢谢合作。

刚刚给博客加了一个500px相册插件,lightbox引入了很多js文件和css文件,页面一下子看起来非常臃肿,所以还是把Gzip打开了。

环境:Debian 6

1、Vim打开Nginx配置文件

vim /usr/local/nginx/conf/nginx.conf

2、找到如下一段,进行修改

gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
#gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
#gzip_vary off;
gzip_disable "MSIE [1-6]\.";

3、解释一下

第1行:开启Gzip

第2行:不压缩临界值,大于1K的才压缩,一般不用改

第3行:buffer,就是,嗯,算了不解释了,不用改

第4行:用了反向代理的话,末端通信是HTTP/1.0,有需求的应该也不用看我这科普文了;有这句的话注释了就行了,默认是HTTP/1.1

第5行:压缩级别,1-10,数字越大压缩的越好,时间也越长,看心情随便改吧

第6行:进行压缩的文件类型,缺啥补啥就行了,JavaScript有两种写法,最好都写上吧,总有人抱怨js文件没有压缩,其实多写一种格式就行了

第7行:跟Squid等缓存服务有关,on的话会在Header里增加"Vary: Accept-Encoding",我不需要这玩意,自己对照情况看着办吧

第8行:IE6对Gzip不怎么友好,不给它Gzip了

4、:wq保存退出,重新加载Nginx

/usr/local/nginx/sbin/nginx -s reload

5、用curl测试Gzip是否成功开启

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:13:09 GMT
Content-Type: text/html; charset=UTF-8
Connection: keep-alive
X-Powered-By: PHP/5.2.17p1
X-Pingback: http://www.slyar.com/blog/xmlrpc.php
Content-Encoding: gzip

页面成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/photonic/include/css/photonic.css"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:21:25 GMT
Content-Type: text/css
Last-Modified: Sun, 26 Aug 2012 15:17:07 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:21:25 GMT
Cache-Control: max-age=43200
Content-Encoding: gzip

css文件成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-includes/js/jquery/jquery.js"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:21:38 GMT
Content-Type: application/x-javascript
Last-Modified: Thu, 12 Jul 2012 17:42:45 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:21:38 GMT
Cache-Control: max-age=43200
Content-Encoding: gzip

js文件成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/uploads/2012/08/2012-08-23_203542.png"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:22:45 GMT
Content-Type: image/png
Last-Modified: Thu, 23 Aug 2012 13:50:53 GMT
Connection: keep-alive
Expires: Tue, 25 Sep 2012 18:22:45 GMT
Cache-Control: max-age=2592000
Content-Encoding: gzip

图片成功压缩

curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/wp-multicollinks/wp-multicollinks.css"

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:23:27 GMT
Content-Type: text/css
Content-Length: 180
Last-Modified: Sat, 02 May 2009 08:46:15 GMT
Connection: keep-alive
Expires: Mon, 27 Aug 2012 06:23:27 GMT
Cache-Control: max-age=43200
Accept-Ranges: bytes

最后来个不到1K的文件,由于我的阈值是1K,所以没压缩
分享到:
评论

相关推荐

    Nginx开启Gzip压缩大幅提高页面加载速度的方法

    关于Nginx开启Gzip压缩来大幅提高页面加载速度的方法,首先需要了解Gzip压缩技术。Gzip是一种广泛采用的压缩技术,用于在HTTP环境中提升网络传输效率。通过压缩服务器端的资源文件(比如文本、CSS、JavaScript文件等...

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

    在现代Web开发中,优化前端项目以提高加载...Nginx的gzip压缩和Vue CLI的打包过程都是为了提高网站的加载速度,提升用户体验。通过了解这些技术细节,开发者可以更好地优化自己的Web应用,使其在性能上达到最佳状态。

    docker下nginx配置压缩字体和图片等配置

    在现代Web开发中,为了提高页面加载速度和减少网络带宽消耗,通常会采用内容压缩技术。Docker中的Nginx服务器作为一个流行的反向代理和负载均衡器,可以通过配置实现对字体、图片等静态资源的GZIP压缩。本文将详细...

    13-nginx gzip压缩提升网站速度.zip

    "13-nginx gzip压缩提升网站速度"这个主题主要聚焦于如何利用Nginx服务器的gzip压缩功能来提高网站的加载速度,从而提供更好的用户体验。Nginx作为一个流行的高性能Web服务器和反向代理服务器,它在处理静态内容、...

    关于Gzip压缩js文件提高网站运行速度

    其中,通过使用Gzip压缩技术来减小JavaScript文件的大小,能够显著提升网站的加载速度,从而改善用户体验。Gzip是一种广泛使用的数据压缩算法,尤其适用于HTTP传输,因为它可以有效减少网络带宽的消耗。 **Gzip压缩...

    nginx gzip压缩

    总结,Nginx的Gzip压缩是一项强大的性能优化技术,能够显著减少网络传输的数据量,提高网页加载速度。通过正确配置Gzip相关指令,我们可以实现高效且节省带宽的网站服务。在使用过程中,要根据实际情况进行调整,并...

    Nginx启用gzip压缩的方法示例

    启用gzip压缩是优化Web性能的重要步骤之一,它可以显著减少网络传输的数据量,加快页面加载速度,节省用户流量。 在Nginx中启用gzip压缩可以通过修改Nginx配置文件实现。下面详细介绍启用gzip的配置参数及其作用: ...

    Nginx启用GZIP压缩网页传输方法(推荐)

    Nginx是一个高性能的HTTP和反向代理服务器,它提供了广泛的功能,包括GZIP压缩,以减少网络数据传输量,提高网页加载速度。GZIP压缩技术通过将网页内容压缩后再发送给客户端,显著减小了数据包的大小,从而提高了...

    nginx配置gzip压缩页面

    在本文中,我们将详细探讨如何在Nginx中配置gzip压缩,以及相关的配置指令。 gzip压缩技术,源自GNU-ZIP,能够有效地减小网页的大小,从而加快用户浏览页面的速度。通常,经过gzip压缩,页面的大小可以减少到原来的...

    nginx中gzip压缩提升网站速度的实现方法

    启用 gzip 压缩后,这些资源会被压缩成更小的尺寸,从而节约带宽,提高传输效率,为用户提供更快的加载速度。 Nginx 实现 gzip 压缩主要依赖于其内置的 `ngx_http_gzip_module` 模块。该模块能够自动识别需要压缩的...

    Nginx部署使用gzip压缩的Unity网页WebGL

    2. **gzip压缩**:为了提高网站性能,Nginx提供了gzip静态内容压缩功能,可以减小传输数据量,加快页面加载速度。在Nginx配置文件中,我们需要添加或修改以下部分来启用gzip: ```nginx gzip on; gzip_types text...

    gzip 压缩 三种方法

    在IT行业中,压缩技术是数据传输和存储时不可或缺的一部分,特别是在网络环境中,为了减少带宽消耗和加快网页加载速度,gzip压缩被广泛使用。本文将详细介绍如何在PHP环境中利用gzip进行数据压缩,涵盖两种服务器端...

    Nginx如果基于gzip压缩提高访问速度

    Gzip是一种数据压缩工具,Gzip压缩可以通过减少网页大小来提高页面加载速度,从而提高用户体验。在Nginx中使用gzip压缩,可以将传输的数据压缩后再发送到客户端,这可以大量减少下载所需时间和带宽消耗。 在Nginx中...

    nginx系列(十七)nginx下的gzip与vary、预压缩、缓存、反向代理的结合

    gzip是一种广泛使用的数据压缩算法,用于减小网络传输的数据量,从而提高网页加载速度。在Nginx配置中启用gzip压缩,可以通过在`http`、`server`或`location`上下文中设置`gzip on`指令。此外,还可以通过`gzip_...

    详解Nginx服务器的配置中开启文件Gzip压缩的方法

    在Nginx配置中开启Gzip压缩是一项优化网页加载速度的重要技术,它可以显著减少HTTP传输的数据量,提高用户体验。Gzip是一种广泛使用的文件压缩格式,能够将HTML、CSS、JavaScript等文本文件压缩到原始大小的30%或更...

    Nginx使用Gzip算法对报文进行压缩详解

    在Nginx中,Gzip压缩可以通过配置不同的指令来实现,其中包括开启或关闭Gzip压缩功能、设置压缩级别、缓冲区大小等。 通过Nginx的gzip模块,我们可以轻松地启用Gzip压缩功能。该模块提供了多个配置指令,其中: 1....

    Nginx中的Gzip压缩配置介绍

    在优化网站性能时,Nginx的Gzip压缩配置是一个非常重要的环节,因为它能够显著减少网络传输的数据量,提高网页加载速度,从而提升用户体验。 Gzip是一种流行的文件压缩算法,它通过去除文件中的重复数据来减小文件...

    gzip压缩js,csss文件

    总结来说,通过gzip压缩js和css文件,可以有效减小文件大小,提高网页加载速度。在Windows环境下,可以利用CMD和gzip命令进行文件压缩,而在服务器端,需要配置相应的设置以支持gzip压缩。理解并掌握这一技巧,对于...

Global site tag (gtag.js) - Google Analytics