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

[[email protected] conf]# vi nginx.conf

        gzip on;#开启GZIP
        gzip_min_length  1k; #不压缩临界值,大于1K的才压缩,一般不用改
        gzip_buffers     4 16k;
        #gzip_http_version 1.0;
        gzip_comp_level 2;#压缩级别,1-10,数字越大压缩的越好,时间也越长
        #gzip_types       text/plain application/x-javascript text/css application/xml;
         gzip_types       text/plain application/x-javascript text/css application/xmli text/javascript application/x-httpd-php image/jpeg image/gif image/png;

        gzip_vary off;
        gzip_disable "MSIZE [1-6]\.";#IE6对Gzip不怎么友好,不给它Gzip
service nginx reload
[[email protected] conf]# curl -I -H "Accept-Encoding:gzip,deflate" "http://xinxianm.com"
HTTP/1.1 200 OK
Server: nginx/1.4.4
Date: Tue, 31 May 2016 01:01:45 GMT
Content-Type: text/html; charset=utf-8
Connection: keep-alive
X-Powered-By: PHP/5.5.7
Set-Cookie: ECS_ID=650aa6ce6b78e9803c78923affc6a98ad5cf9bd2; path=/
Cache-control: private
Content-Encoding: gzip
[[email protected] conf]# curl -I -H "Accept-Encoding:gzip,deflate" "http://xinxianm.com/images/upload/Image/1_05%2875%29.jpg"
HTTP/1.1 200 OK
Server: nginx/1.4.4
Date: Tue, 31 May 2016 01:02:46 GMT
Content-Type: image/jpeg
Last-Modified: Tue, 12 Apr 2016 07:24:20 GMT
Connection: keep-alive
Expires: Thu, 30 Jun 2016 01:02:46 GMT
Cache-Control: max-age=2592000
Content-Encoding: gzip
时间: 2024-10-05 03:25:48

Nginx开启Gzip压缩大幅提高页面加载速度的相关文章

提高页面加载速度的方法

提高页面加载速度的方法有如下几个方面:(一)减少HTTP强求(1)增加并行连接(2)合并资源文件:将多个小的css还有javascript文件进行合并成一个大文件,这样页面在加载页面的相关资源的时候,就会减少HTTP的请求,从而加快页面的加载速度(3)使用CSS sprite:将整个网站上所有共用的小图片都合成一张图片,然后使用background-position进行控制所需要的图片位置.原理是虽然每次只是使用了一张小图片,但是整个图片都已经被保存到了缓存中,这样每次使用就不需要再去请求图片

jquery实现图片预加载提高页面加载速度

使用jquery实现图片预加载提高页面加载速度和用户体 我们在做网站的时候经常会遇到这样的问题:一个页面有大量的图片导致页面加载速度缓慢,经常会出现一个白页用户体验很不好.那么如何解决这个问题 呢?首先我们会想到的是提高服务器性能,使用静态缓存等手段来加快图片的加载速度,这的确是个好方法,不过有时候我们也可以从前台找一些解决的 方法.下面我来介绍一种在实际应用中经常会使用到的js预加载的方法. 首先在输出图片的时候我们做一些处理 处理完html我们开始写js了,在这里我使用了jquery的类库

Web前端性能优化——如何提高页面加载速度

前言:  在同样的网络环境下,两个同样能满足你的需求的网站,一个"Duang"的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%.网站的加载速度严重影响了用户

【转】Web前端性能优化——如何提高页面加载速度

前言:  在同样的网络环境下,两个同样能满足你的需求的网站,一个"Duang"的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%.网站的加载速度严重影响了用户

Nginx开启Gzip压缩提高页面加载速度

本文转自http://www.veryhuo.com/a/view/51706.html,如有侵权,请及时联系转载人删除! 在实际运维中,为了提高web页面的访问加载速度,一般会把静态资源(比如js.css.img等)在服务器进行压缩再传输到客户浏览器,主要配置步骤如下: 环境:Centos 1.Vim打开Nginx配置文件 vim /etc/nginx/nginx.conf 2.找到如下一段,进行修改 gzip on; // 开启Gzipgzip_min_length 1k; // 不压缩临界

提高页面加载速度

在做项目的是时候;有时候为了方便把平时需要的插件 css js都写在了layouts页面中,这样其他页面中就不需要再写一次了, 但是 但是 但是 这样不需要这些文件的页面也需要花时间去加载 有的特别耗费时间,这样就拖慢了页面的加载速度 所以最好的是把最基本的,每个页面都需要的css js写在layouts中, 然后其他的各自所需的css js写在各自的页面中, 这样就很耗费时间 layouts页面 <!DOCTYPE html> <html lang="zh-CN"&

在windows、linux中开启nginx的Gzip压缩大大提高页面、图片加载速度

为了降低tomcat服务的压力,把页面上的图片采用windows版的nginx进行加载,由于有些图片比较大,加载特别的慢,所以在nginx中打开了gzip的压缩功能.加载图片的速度快了很多. 通过站长工具中的"网页GZIP压缩检测"工具检测图片的压缩率达到了69.53%,如下图: 下面介绍nginx.conf文件是怎么配置的: 1.打开nginx.conf配置文件: 2.找到#gzip on这句,如下图: 3.在把#gzip on 改成下面代码: #开启Gzip gzip on; #不

基于Vue的SPA如何优化页面加载速度

常见的几种SPA优化方式 减小入口文件体积 静态资源本地缓存 开启GZip压缩 使用SSR ..... 减小入口文件体积,常用的手段是路由懒加载,开启路由懒加载之后,待请求的页面会单独打包js文件,使得入口文件index.js变小,开启懒加载之后,js是这样请求加载的: 2. 静态文件本地缓存有两种方式 HTTP缓存,设置Cache-Control,Last-Modified,Etag等响应头,很多文章讲的比较详细,推荐:https://www.cnblogs.com/chinajava/p/5

nginx缓存静态资源,只需几个配置提升10倍页面加载速度

nginx缓存静态资源,只需几个配置提升10倍页面加载速度 首先我们看图说话 这是在没有缓存的情况下,这个页面发送了很多静态资源的请求: 1.png 可以看到,静态资源占用了整个页面加载用时的90%以上,而且这个静态资源还是已经在我使用了nginx配置压缩以后的大小,如果没有对这些静态资源压缩的话,那么静态资源加载应该会占用这个页面展示99%以上的时间.听起来是不是已经被吓到了,但是数据已经摆在这里了,这可不是危言耸听. 然后再看看使用了nginx缓存之后的效果图: 2.png 看到没有,朋友们