Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
YuMiao2 小时前
gstatic连接问题导致Google Gemini / Studio页面乱码或图标缺失问题
服务器·网络协议
不可能的是1 天前
前端 SSE 流式请求三种实现方案全解析
前端·http
Jony_3 天前
高可用移动网络连接
网络协议
chilix3 天前
Linux 跨网段路由转发配置
网络协议
DianSan_ERP5 天前
电商API接口全链路监控:构建坚不可摧的线上运维防线
大数据·运维·网络·人工智能·git·servlet
呉師傅5 天前
火狐浏览器报错配置文件缺失如何解决#操作技巧#
运维·网络·windows·电脑
gihigo19985 天前
基于TCP协议实现视频采集与通信
网络协议·tcp/ip·音视频
2501_946205525 天前
晶圆机器人双臂怎么选型?适配2-12寸晶圆的末端效应器有哪些?
服务器·网络·机器人
linux kernel5 天前
第七部分:高级IO
服务器·网络
数字护盾(和中)5 天前
BAS+ATT&CK:企业主动防御的黄金组合
服务器·网络·数据库