http压缩介绍
http压缩,是指一种内置在服务器和客户端之间改进传输速度和带宽利用率的方式。
http 压缩的流程:
- http 数据在服务器发送前,通过 webpack配置进行压缩;
- 兼容的浏览器在向服务器发送请求时,在请求头中会添加浏览器自身支持的压缩格式,告知服务器;例如:
- 服务器在浏览器支持的的压缩格式下,直接返回对应压缩后的文件,并在响应头中告知浏览器;i 例如
Webpack 对文件压缩
webpack 中的文件压缩,是实现 http 压缩的第一步操作,通过 CompressionPlugin 插件进行压缩
npm install compression-webpack-plugin -D
在 webpack 的配置文件中配置该插件即可。例如
css、js文件为常见的压缩文件 对于 HTML 文件的压缩则是通过 HtmlWebpackPlugin 插件的配置进行压缩,具体可查阅官方文档关于HtmlWebpackPlugin的配置。