Webpack中的 HTTP 压缩

http压缩介绍

http压缩,是指一种内置在服务器和客户端之间改进传输速度和带宽利用率的方式。

http 压缩的流程:

  • http 数据在服务器发送前,通过 webpack配置进行压缩;
  • 兼容的浏览器在向服务器发送请求时,在请求头中会添加浏览器自身支持的压缩格式,告知服务器;例如:
  • 服务器在浏览器支持的的压缩格式下,直接返回对应压缩后的文件,并在响应头中告知浏览器;i 例如

Webpack 对文件压缩

webpack 中的文件压缩,是实现 http 压缩的第一步操作,通过 CompressionPlugin 插件进行压缩

npm install compression-webpack-plugin -D

在 webpack 的配置文件中配置该插件即可。例如

css、js文件为常见的压缩文件 对于 HTML 文件的压缩则是通过 HtmlWebpackPlugin 插件的配置进行压缩,具体可查阅官方文档关于HtmlWebpackPlugin的配置。

相关推荐
minglie11 小时前
Wireshark抓HTTPS协议包
网络·测试工具·wireshark
Macbethad2 小时前
EtherCAT、Ethernet/IP、ModbusTCP等几种工控以太网协议对比
网络·网络协议·tcp/ip
AC是你的谎言4 小时前
网络层和数据链路层
linux·网络·学习·智能路由器
王道长服务器 | 亚马逊云4 小时前
AWS + 发财CMS:高效采集站的新形态
服务器·网络·云计算·音视频·aws
Miki Makimura4 小时前
KVStore 多行文章型键值扩展解析:切片存储与客户端多行交互
运维·服务器·网络·学习
JohnYan4 小时前
工作笔记 - WSL端口映射
后端·网络协议·visual studio code
星释4 小时前
Rust 练习册 :Luhn Trait与Trait实现
网络·算法·rust
爱编程的鱼4 小时前
ESLint 是什么?
开发语言·网络·人工智能·网络协议
njnu@liyong4 小时前
HTTP-大文件传输处理
网络·网络协议·http