Rowan Liu's Tech
Home
Blog
CSS
JS
lib
Read
About
GitHub
Home
Blog
CSS
JS
lib
Read
About
GitHub
  • 在专精的路上走的一发不可收拾
  • 生活有感

    • lerna
    • jQuery实践
    • gzip
    • 2018 Web开发,实用指南
    • for 追求
    • Travis CI
    • 前端基础设施(gulp)
    • 知乎Live--前端工程师的职业规划
    • 前端架构演进
    • 组件的重写
    • vue-cli2 to vue-cli3
    • vue3
  • 翻译

    • 开篇
    • [译]在 Angular 中使用拦截器的方式 Top 10
    • 2020年关于 Vue 3 你需要知道的事
    • core-js@3, babel展望未来
    • Vue CLI 插件开发指南
    • @vue/cli-plugin-typescript README
    • @vue/cli-plugin-eslint
    • Vue 3 的开发进展
  • 那些年我面过的试

    • 开篇
    • JavaScript
    • css
  • 数据结构

    • 排序
  • 设计模式

    • 开篇
    • OOP
    • 表单验证

gzip

gzip是一种文件格式,也是用来压缩、解压文件的应用程序。这个程序是Jean-loup Gailly和Mark Adler创建的,它被用来替代早期Unix系统上的压缩工具,并且计划给GNU(GNU's Not Unix)用,“gzip”中的“g”就是来自GNU。

  • 工作原理
  • 参考

工作原理

  1. client请求url,并在request header中设置属性accept-encoding: gzip,告知server,我支持gzip,你可以给我传gzip压缩的内容。
  2. server收到请求后,判断client是否支持gzip, 如果支持则向client传送压缩过的内容,并且设置response的首部content-encoding为gzip(这里要说明一下,gzip压缩在nginx server需要手动开启)。
  3. 浏览器收到压缩内容后,对于使用gzip压缩的资源进行解压操作。

nginx开启压缩选项,将“#”注释去掉即可。

	 # gzip_vary on;
	 # gzip_proxied any;
	 # gzip_comp_level 6;
	 # gzip_buffers 16 8k;
	 # gzip_http_version 1.1;
	 # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/java    script;

参考

  • 你真的了解gzip吗
  • gzip
Edit this page
Last Updated: 2026/1/12 10:15
Contributors: Rowan Liu
Prev
jQuery实践
Next
2018 Web开发,实用指南