`
y1d2y3xyz
  • 浏览: 257152 次
  • 性别: 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访问静态文件不下载.rar

    Nginx是一款高性能的HTTP和反向代理服务器,常用于处理静态文件服务,因此这个问题在配置不当的情况下很常见。下面将详细讲解如何解决此类问题,并扩展介绍Nginx处理静态文件的相关知识点。 1. **Nginx配置基础** ...

    nginx动静态分离,静态文件

    这个配置文件将静态资源和动态资源分离,使用Nginx服务器来处理静态资源,而动态资源则由应用服务器来处理。 Nginx动静态分离的优点 1. 提高服务器性能:Nginx动静态分离可以减少应用服务器的压力,提高服务器的...

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

    在项目配置中,可以设置gzip压缩选项,使产出的文件已经是压缩状态。例如,在Vue CLI的`vue.config.js`文件中,可以添加以下代码来启用Webpack的compression-webpack-plugin插件,实现gzip压缩: ```javascript ...

    基于nginx的静态网页部署的实现

    总结一下,基于Nginx部署静态网页的步骤主要包含:配置Nginx的主配置文件,设置监听端口、服务器名称、根目录和默认文件等;创建站点根目录并将静态资源文件放置其中;利用location指令针对不同的请求提供不同的服务...

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

    总结起来,要在Docker下的Nginx环境中配置字体和图片的GZIP压缩,你需要更新`docker-compose.yml`以设置环境变量,修改`nginx.conf`以启用GZIP和指定压缩的文件类型,以及确保`mime.types`文件包含了所有要处理的...

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

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

    nginx的各项详细配置-超多注释

    本篇文章将详细介绍Nginx的各项配置,并结合提供的"nginx.conf"配置文件和"nginx.txt"说明文件,深入解析Nginx的配置语法和应用场景。** ### 1. Nginx基本结构 Nginx的配置文件主要由多个块组成,包括全局块、...

    centOS8安装nginx及nginx配置

    #### 二、CentOS8环境下Nginx的安装与配置 ##### 2.1 安装前准备 在安装Nginx之前,我们需要确保系统已经安装了一些必要的编译工具和库文件,这些工具和库文件对于Nginx的成功编译和运行至关重要。 **Nginx依赖...

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

    总结来说,"Nginx部署使用gzip压缩的Unity网页WebGL"涉及到的步骤包括Nginx服务器的配置、gzip压缩的启用、Unity的WebGL导出、反向代理的设置以及安全性和性能优化。理解并熟练掌握这些知识点对于高效地发布和运行...

    vue打包部署nginx 配置

    首先,需要在Nginx的`sites-available`目录下创建一个新的配置文件,例如`vue_project.conf`,然后将其软链接到`sites-enabled`目录,以激活配置。 2. 编写Nginx配置 一个基本的Vue项目部署配置如下: ```nginx ...

    Nginx-windows 下安装配置 Nginx 详解 - CSDN博客1

    本文将详细介绍如何在Windows环境下安装和配置Nginx,以实现本地服务器的功能,并通过配置`server_name`和`root`目录来访问目标文件。Nginx是一款高性能的HTTP和反向代理服务器,常用于静态文件服务和负载均衡。 ...

    nginx 配置及优化

    **Nginx配置与优化详解** Nginx是一款高性能的HTTP和反向代理服务器,以其轻量级、高效的性能和高并发处理能力而备受青睐。本文将深入探讨Nginx的配置及其优化策略,帮助你更好地理解和提升Nginx的服务性能。 ### ...

    Nginx反向代理服务器配置基础教程

    本文将详细介绍如何在CentOS 6.6 x64环境下搭建Nginx反向代理服务器,并通过具体步骤指导读者完成配置。 #### 二、Nginx安装系统环境与组件 本教程中涉及的主要组件包括: - **操作系统**: CentOS 6.6 x64 - **...

    nginx集群配置详细步骤

    ### Nginx集群配置详细步骤解析 #### 一、配置文件结构解读 在进行Nginx集群配置前,首先需要了解Nginx配置文件的基本结构。Nginx配置文件主要包含以下几个部分: - **全局块**:定义了Nginx运行的一些基本参数,...

    nginx部署配置文档

    在本文中,我们将深入探讨如何使用Nginx部署配置高可用环境,特别是在与Tomcat集成的情况下。Nginx是一款高性能的HTTP和反向代理服务器,常用于负载均衡和静态资源处理,而Tomcat则是一个流行的Java应用服务器,主要...

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

    除了gzip压缩,Nginx还提供了丰富的特性用于优化网站性能,例如缓存静态资源、使用ETag减少不必要的重传、配置合理的Keepalive超时时间等。结合负载均衡策略,如轮询、权重轮询、IP哈希等,可以进一步提高系统的可...

    nginx安装及配置

    然后解压Nginx源代码,执行`./configure`指定配置参数,如安装路径、配置文件位置、用户组等,并添加SSL模块、GZIP静态模块、调试模块、状态模块等。接着运行`make`和`make -j4 install`进行编译和安装。安装完成后...

    升级gitlab中nginx版本.docx

    3. 安装zlib库:zlib库是一个数据压缩库,Nginx需要该库来支持gzip压缩。 4. 安装SSL(某些VPS默认没装SSL):SSL库是一个安全套接字层库,Nginx需要该库来支持HTTPS。 5. 安装Nginx:安装Nginx的最新版本,并配置其...

    nginx 映射本地文件

    Nginx的配置文件通常位于 `/etc/nginx/nginx.conf` 或 `/etc/nginx/sites-available/` 目录下。我们需要创建一个新的虚拟主机配置文件,例如 `local_file_mapping.conf`,并将其软链接到 `sites-enabled` 目录,以...

    nginx配置

    Nginx非常擅长处理静态文件请求,通过配置`root`和`index`,可以将服务器设置为静态文件服务器。 ```nginx location /static/ { alias /data/static/; expires 30d; # 设置缓存时间 add_header Cache-Control ...

Global site tag (gtag.js) - Google Analytics