`
y1d2y3xyz
  • 浏览: 252970 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

nginx下配置静态GZIP支持

阅读更多
对于web应用中,为了有良好的体验,对代码的压缩是很多站点必做的事情,特别是对于页面中用到的核心库代码的压缩(往往这些代码平时是很少修改的,如jquery的核心包,extjs的核心库ext-all.js),当然像这些代码他本身有压缩,但这种压缩对于我们来说还是不够的,如ext3.0的核心包,普通压缩以后都还有700K,这样的一个包对于高数据量访问的网站来说,占用的带宽的惊人的!但如果能把一个700k的包压缩到200K,那是不是节省了很大的带宽,对于运营网站的这省下来的就是RMB啊!上面都的闲话,下面说怎么配置:

1。GZIP 压缩工具压缩你的文件,你可以把你的文件压缩成.gz或其他扩展名都可以,gzip怎么用自己找,我给个命令行代码参考 c:>gzip.exe -c ext-all.js > ext.gz
2。配置nginx服务器,找到nginx的配置文件 nginx.conf 在文件中添加下面这段:
location ~ \.gz$ {
  //服务器所在的目录,这个一定要填,我之前弄了半天没弄好就是因为没填这个
  root   c:/AppServ/www;
  //给所有的 gz文件添加 Content-Encoding头为GZIP,其实也就是告诉浏览器,我这个是压缩文件,你收到了要帮我解压哦
  add_header  Content-Encoding  gzip;
}

3。重启nginx,测试,把页面中对ext-all的是引用改为压缩后的ext.gz ,看看对这个文件的请求头,返回的是不是 Content-Encoding gzip,这就对了!

4。我个人的习惯的针对不同的文件类型压缩的文件名不一样,对于JS的压缩,我习惯以.gzjs结尾,对于css 以.gzcss,怎样我们就可以在nginx的mime.types中直接设置这些文件的mime类型了
application/x-javascript              gzjs;
text/css                              gzcss;

这样设置之后你会感觉比不设置的响应速度明显要快,没设置的情况下服务器默认为下载的文件,所以在请求中我们是看不到响应内容的!

在网上找了很多配置的,但没有一个的配置能让我跑起来的,有些同学整得很复杂,结果我搞下来还是不行,还是这最简单的代码最使用,还有的没有指定root,所以也没跑起来,本人对nginx不熟练,先记下来,免得下次又忘记了!
分享到:
评论

相关推荐

    nginx简单的负载,缓存静态文件配置

    nginx配置文件nginx.conf ,主要标记了nginx 的负载配置upstream,静态资源缓存,是否开启压缩

    nginx配置参数说明.txt

    模块化机制,非DSO机制,支持多种过滤器gzip,SSI和图像的模块完成图形大小调整等 支持SSL 扩展功能: 基于名称和IP做虚拟主机 支持keeplive 支持平滑配置更新或程序版本升级 定制访问日志,支持使用...

    Gzip压缩无效的终极解决方案!

    A、首先我们来说下配置步骤,具体如下: 启用Gzip压缩步骤 1、单击“开始”—“管理工具”—“Internet 信息服务(IIS)管理器”,打开IIS管理器; 2、打开IIS管理器 在IIS管理器中双击本地计算机,右侧显示计算机中...

    Nginx版UPUPW PHP绿色服务器平台

    UPUPW已配置Nginx的虚拟主机支持伪静态文件,示例包含discuz,phpwind,WordPress和ThinkPHP伪静态规则; UPUPW已配置Nginx的虚拟主机支持Pathinfo路径功能; 支持Nginx和PHPfpm服务的单独开启、关闭与重启; 支持...

    nginx 1.9 window 版本

    #静态文件,nginx自己处理 location ~ ^/(images|javascript|js|css|flash|media|static)/ { root /var/www/virtual/htdocs; #过期30天,静态文件不怎么更新,过期可以设大一点,如果频繁更新,则可以设置得小...

    nginx-craft:用于Craft CMS的Nginx虚拟主机配置,实现了许多最佳实践

    启用通过提供的静态gzip文件 添加XSS和其他安全标头 Gzip压缩 基于文件名的缓存破坏静态资源 IPv4和IPv6支持 http2支持 合理的SSL密码套件和TLS协议 本地化网站 服务器端包含 (可选)包括生成的.env文件 假设 以下...

    Nginx服务器实现数据静态压缩的方法

    nginx实现静态压缩这种做法其实就像apache gzip压缩了,这种压缩是我们常见的一些事情了,下面我来介绍一些做法。 在搭建squid网页加速的时候,对于大的css 或者js要进行压缩,然后再进行缓存,这样能够提高减小下载量...

    Nginx代理axios请求以及注意事项详解

    由于nginx.conf配置信息较多,本篇只关注跟axios和静态资源请求设置,顺便也将常见的一些配置项备注一下。具体设置如下: # 设定http服务器,利用它的反向代理功能提供负载均衡支持 http { #连接超时时间 ...

    nginxconfig.io::gear:类固醇上的NGINX配置生成器:syringe:

    我们喜欢NGINX,因为: 内存使用率低高并发异步事件驱动架构负载均衡反向代理具有缓存的FastCGI支持(PHP) 快速处理静态文件带有SNI的TLS / SSL 许多功能具有相应的配置指令。 您可以立即深入研究也可以使用此工具...

    Nginx全能指南.pdf

    ⽬前功能已经⾮常完善且运⾏稳定,另外Nginx的版本分为开发版、稳定版和过期版,Nginx以功能丰富著称,它即可以作为http服务器,也可以作为反向代理服务器或者邮件服务器,能够快速的响应静态⽹⻚的请求,...

    Linux上安装搭建Nginx服务器的详细步骤

    1.将nginx的压缩包nginx-1.8.0.tar.gz上传到Linux服务器 2.由于nginx是C语言开发的并且我们这里是通过编译...4.zlib库提供了很多种压缩和解压缩的方式,nginx使用zlib对http包的内容进行gzip,所以需要在linux上安装zl

    使用Awstats分析Nginx的访问日志.doc

    前言 在我的上一篇文章《使用Nginx提升网站访问速度》中介绍了Nginx这个HTTP服务器以及如何通过它来加速网站的访问速度。在实际的网站运营中,我们经常需要了解到网站的访问情况,例如每天有...配置Nginx自动切割日志

    Linux 系统 nginx 服务器安装及负载均衡配置详解

    nginx 可以提供 HTTP 服务,包括处理静态文件,支持 SSL 和 TLS SNI、GZIP 网页压缩、虚拟主机、URL 重写等功能,可以搭配 FastCGI、uwsgi 等程序处理动态请求。 此外,nginx 还可以用于代理、反向代理、负载均衡、...

    static-nginx

    特拉维斯: Bintray: 在 docker 中编译一个静态链接的 ...gzip 静态 DAV 实拍 这意味着排除了许多其他人 SSI 用户身份 自动索引 地理 地图 拆分客户 Scgi 内存缓存 空的 gif 浏览器 上游 ip 哈希 POP3 IMAP SMTP

    基于Nginx的衍生版服务器Tengine简介

    Tengine是由淘宝网发起的Web服务器项目。它在Nginx的基础上,针对大访问量网站的需求,添加了很多高级功能和特性。Tengine的性能和稳定性已经在大型的网站如淘宝网,天猫商城等...过滤器包括gzip压缩、ranges支持、c

    nginx+vue.js实现前后端分离的示例代码

    静态资源输出更快,可以对资源实现gzip压缩后输出(这也是本文为什么用它做静态资源访问的一个重要原因) 适合解决跨域问题和反向代理(因为谁也不想看到在本域名下看到访问其他域名的情况发生,跨域可导致csrf攻击,这是...

    为Node.js程序配置使用Nginx服务器的简明教程

    然而对于gzip编码,静态文件,HTTP缓存,SSL处理,负载平衡和反向代理等,都可以通过nginx来完成,从而减小node.js的负载,并通过nginx强大的缓存来节省网站的流量从而提高网站的加载速度。 流程图 nginx配置如下...

    https-github.com-digitalocean-nginxconfig.io

    我们喜欢NGINX,因为: 内存使用率低高并发异步事件驱动架构负载均衡反向代理具有缓存的FastCGI支持(PHP) 快速处理静态文件带有SNI的TLS / SSL 许多功能具有相应的配置指令。 您可以立即深入研究也可以使用此工具...

    whitenoise:彻底简化了Python Web应用程序的静态文件服务

    白噪声 彻底简化了Python Web应用程序的静态文件服务借助几行配置,WhiteNoise允许您的Web应用程序提供其自己的静态文件,使其成为一个独立的单元,可以在不依赖于nginx,Amazon S3或任何其他外部服务的情况下部署到...

    vue打包静态资源后显示空白及static文件路径报错的解决

    今天使用vue打包(npm run build)遇到了几个坑,在这里分享给大家 打包之后打开dist的页面显示空白: 这个问题以前就处理过,是打包过程中出现错误频率较高的一种,可能有3处地方会出现这种情况 ...

Global site tag (gtag.js) - Google Analytics