(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/表示启动了在线压缩.