nginx gzip 动态静态压缩详解

下面我就来详细讲解“nginx gzip 动态静态压缩详解”的完整攻略,包含两条示例说明。

什么是nginx gzip压缩?

在浏览网页时,如果网页文件比较大,需要下载的时间就相应的变长,这样就会使用户的体验变差。而nginx gzip压缩可以在减小文件体积的同时,不影响文件的功能,从而提高网页的响应速度和用户体验。

nginx gzip动态压缩

动态压缩一般指的是在响应的同时,对HTTP响应体进行压缩。

开启动态压缩

在nginx.conf或者vhost配置文件中添加以下配置:

gzip on;
gzip_types text/plain application/xml text/css application/x-javascript text/javascript application/javascript text/json application/json;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;

解释:

  • gzip on:表示开启gzip压缩功能。
  • gzip_types:表示需要进行gzip压缩的MIME类型列表。
  • gzip_vary:表示在响应头中追加Vary: Accept-Encoding,告诉缓存服务器此响应与使用哪种编码有关。
  • gzip_proxied:表示是否开启反向代理,如果开启,则会对由反向代理服务器获取到的响应进行压缩。
  • gzip_comp_level:表示压缩级别,一般为1-9,数字越大压缩效果越好,但压缩速度就会变慢。
  • gzip_buffers:表示在压缩过程中,缓存数据的区块数和每个区块的大小。
  • gzip_http_version:表示http版本协议使用的压缩算法。

动态压缩示例

在响应时进行gzip压缩:

location / {
  gzip on;
  gzip_types text/plain application/xml text/css application/x-javascript text/javascript application/javascript text/json application/json;
  gzip_vary on;
  gzip_proxied any;
  gzip_comp_level 6;
  gzip_buffers 16 8k;
  gzip_http_version 1.1;
  root /var/www/html;
  index index.html;
}

nginx gzip静态压缩

静态压缩指的是在文件存储时,就对文件进行压缩,以便在需要时直接读取压缩文件,从而减少响应时间。

开启静态压缩

在nginx.conf或者vhost配置文件中添加以下配置:

gzip_static on;

解释:

  • gzip_static on:表示开启nginx对已有gzip文件进行直接读取。

静态压缩示例

为文件添加后缀名“.gz”:

location / {
  root /var/www/html;
  gzip_static on;
  index index.html;
}

或者在编译nginx时添加gzip压缩:

./configure --with-http_gzip_static_module
make
make install

这样就可以直接读取已经进行过压缩的文件了。

总结

nginx gzip静态和动态压缩可以有效地提高网页的响应速度,在nginx配置文件中对应配置即可开启。不同情况下的压缩方式有所差别,需要根据具体需求来开启和使用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:nginx gzip 动态静态压缩详解 - Python技术站

(0)
上一篇 2023年5月16日
下一篇 2023年5月16日

相关文章

  • 在 NGINX 中根据用户真实 IP 进行限制

    需求 需要根据用户的真实 IP 进行限制, 但是 NGINX 前边还有个 F5, 导致 deny 指令不生效. 阻止用户的真实 IP 不是 192.168.14.* 和 192.168.15.* 的访问请求. 实现 最简单的实现如下: ? 前置条件: 需要 nginx 前边的 load balancer 设备(如 F5)开启 X-Forwarded-For …

    Nginx 2023年4月10日
    00
  • vue-cli中设置publicPath:一个nginx部署多个项目时使用

    执行npm run build打包后,生成的dist文件如下: 1、当设置publicPath为/时 修改vue.config.js文件 module.exports = { publicPath: ‘/’, configureWebpack: { resolve: { //设置别名 alias: { ‘assets’: ‘@/assets’, ‘compo…

    Nginx 2023年4月13日
    00
  • nginx搭建NFS服务器的方法步骤

    下面是详细讲解“nginx搭建NFS服务器的方法步骤”的完整攻略,其中还有两个示例说明。 什么是NFS服务器 NFS(Network File System)服务器是一种集中式的文件存储管理系统,可以将多台主机的硬盘空间组合在一起,形成一个大型的、集中式的网络文件系统。NFS服务器通常由一台或多台主机组成,可以将这些主机上的硬盘空间挂载到NFS服务器上,形成…

    Nginx 2023年5月16日
    00
  • Nginx服务器Nginx.com配置文件详解

    作为网站的作者,我非常乐意为大家讲解Nginx服务器Nginx.com配置文件的详细攻略。在接下来的内容中,我将分别介绍Nginx服务器配置文件的结构、语法以及如何进行配置。最后,我还会通过两条具体的示例来说明如何配置Nginx服务器来达到不同的目的。 Nginx服务器的配置文件 Nginx服务器的配置文件是一个文本文件,通常称为nginx.conf。该配置…

    Nginx 2023年5月16日
    00
  • nginx zookeeper

    通过配置nginx ,来获取静态样式和页面 打开E:\nginx-1.9.1-server\conf\nginx.conf修改 location ^~/resources/ { #alias E:/dd_workspace/trunk/moblie-branch/trunk-moblie/resources/; #alias E:/dd_workspace/…

    Nginx 2023年4月11日
    00
  • Nginx内容缓存以及常见参数配置详析

    Nginx内容缓存以及常见参数配置详析 Nginx是一款高性能的Web服务器软件,其中有一个常用的功能是内容缓存。内容缓存是指将经常访问的内容存储在内存中,以提高响应速度并减轻后台服务器的负担。下面将详细介绍Nginx内容缓存的配置和常见的参数设置,并给出两个具体的示例。 配置Nginx内容缓存 要配置Nginx内容缓存,需要在Nginx配置文件中添加以下内…

    Nginx 2023年5月16日
    00
  • nginx 允许局域网访问

        在开发的过程中,如果是前后端分离,并且又不是自己一个人在开发,这个时候就需要用到 通过局域网访问web server。 我在本地win10 安装 的 nginx, 在本地机可以正常访问,但是通过局域网就是访问不了。 也在网上看了很多相关文章,试过之后也都没有用。 后来想了想,可能是防火墙的问题,于是就打开防火墙,把nginx 的专用和共用的网络都允许…

    Nginx 2023年4月13日
    00
  • 超级详细的nginx负载均衡配置

    下面是超级详细的nginx负载均衡配置的完整攻略,包括了两条示例说明。 1. 负载均衡的概念 负载均衡是一种将请求分发到多个服务器上的技术,可以解决单台服务器无法承受过高请求负载的问题,提高了应用系统的可用性和性能。 2. 使用nginx实现负载均衡的方法 nginx是一个功能强大的Web服务器,也可以用来实现负载均衡。下面介绍常用的负载均衡策略以及如何配置…

    Nginx 2023年5月16日
    00
合作推广
合作推广
分享本页
返回顶部