Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
sdszoe49226 分钟前
思科DHCP服务1
网络·思科网络·dhcp服务基础
JANG102417 分钟前
【Linux】进程
linux·网络·chrome
wha the fuck40418 分钟前
(渗透脚本)TCP创建连接脚本----解题----极客大挑战2019HTTP
python·网络协议·tcp/ip·网络安全·脚本书写
濊繵32 分钟前
Linux网络--网络层协议 IP
服务器·网络·tcp/ip
Upper99935 分钟前
简单记录:TCP数据包的抓取--3次握手、4次挥手
网络·网络协议·tcp/ip
ZeroNews内网穿透1 小时前
Dify AI 结合ZeroNews 实现公网快速访问
网络·人工智能·网络协议·tcp/ip·安全·web安全
yBmZlQzJ1 小时前
内网穿透 + 域名解析:到底解决了什么核心问题?
运维·经验分享·网络协议·docker·容器
ShiMetaPi1 小时前
GM-3568JHF丨ARM+FPGA异构开发板系列教程:外设教程 04 WIFI
网络·arm开发·fpga开发·智能路由器·fpga
黑贝是条狗1 小时前
用mormot2 orm模式搭建一个http服务验证设备的注册信息
网络·网络协议·http
wearegogog1231 小时前
基于C#的FTP客户端实现方案
java·网络·c#