配置gzip压缩

通过开启服务器gzip压缩可有效减小传输体积70%左右,提高页面加载速度

nginx

http {
    # 开启和关闭gzip模式 on|off
    gzip on;
    
    # gizp压缩起点,文件大于1k才进行压缩
    gzip_min_length 1k;
    
    # gzip 压缩级别,1-9,数字越大压缩的越好,也越占用CPU时间
    gzip_comp_level 9;
    
    # 进行压缩的文件类型。
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript ;
    
    # 是否在http header中添加Vary: Accept-Encoding,建议开启
    gzip_vary on;

    # 设置压缩所需要的缓冲区大小,以4k为单位,如果文件为7k则申请2*4k的缓冲区 
    gzip_buffers 2 4k;

    # 设置gzip压缩针对的HTTP协议版本
    gzip_http_version 1.1;
}   

先检查gzip_types中是否包含需要的类型

如果存在多层缓存机制,确认每一层都开启了gzip压缩

改完配置请刷新配置或者重启nginx服务器

IIS

1.安装动态压缩服务(这边是已安装)

1.gif

2.配置压缩目标

打开C:\Windows\System32\inetsrv\config\applicationHost.config,找到dynamicTypes节点,添加需要的mime类型,常见的json和javascript如下:

<add mimeType="application/json" enabled="true" />
<add mimeType="application/javascript" enabled="true" />

3.添加动态压缩对文件的操作权限

  • 站点的编辑权限
    2.gif

  • 站点的功能视图中找到压缩,将启动动态内容压缩勾选,然后保存。
    3.gif

4.重启检查是否配置成功

  • 点击左侧树根节点,再右侧点击重启(注意不是重启站点),目的是使applicationHost.config刷新
    4.gif

  • 检查接口的Response Headers,看是非有Content-Encoding:gzip,有的话表示成功。
    image.png

验证

    • 压缩前
      image.png

    • 压缩后
      image.png

posted on 2024-01-18 07:44  五官一体即忢  阅读(24)  评论(0编辑  收藏  举报

导航