前端性能优化四十一：花裤衩模板gzip总结

(1). 两种方案的优缺点:

①. webpack 打包:
    a. 直接生成静态的 gz
    b. 缺点:
       (1). 打包后文件体积太大.
       (2). 不耗服务器性能.

②. nginx 在线实时 gzip 压缩:
    a. 缺点:
       (1). 耗性能、需要实时压缩.
       (2). vue 打包后的文件体积小.

(2). 兼容方案:

①. 有gz文件的时候进行静态压缩,不存在时进行实时压缩而不是加载源文件:
    a. 两种配置都写上.
    b. gzip_static的优先级高,会先加载静态gz文件.
    c. 当同目录下不存在此文件的时候,会执行在线压缩的命令.

②. 如何区分使用了静态加载还是在线压缩?
    a. 响应头的Content-Edcoding:gzip表示gzip压缩已经生效.
    b. 响应头的Etag中:
       (1). 简单字符表示静态资源加载.
       (2). 前缀是W/表示启动了在线压缩.