Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
EasyCVR4 分钟前
国标GB28181/RTSP/ONVIF/RTMP视频监控平台EasyCVR视频质量诊断花屏/蓝屏/画面模糊/冻结检测
网络·数据库·音视频
萝卜白菜。20 分钟前
Http GET / 请求返回值不同的问题
网络·网络协议·http
犽戾武22 分钟前
机械臂 VR 遥操作调试日志记录
linux·服务器·网络
liulilittle33 分钟前
eBPF tc prog
服务器·网络·c++·网络协议·tcp/ip·性能·perf
Barkamin1 小时前
UDP、TCP
网络·tcp/ip·udp
桌面运维家1 小时前
TCP拥塞控制:丢包诊断与Linux网络性能优化
linux·网络·tcp/ip
阿乐艾官1 小时前
【iptables 和 IPVS】
网络
HideInTime1 小时前
移动通信技术演进
网络
图灵机z1 小时前
【操作系统】四、进程管理
linux·服务器·网络·windows·macos·centos·risc-v
Yana.nice1 小时前
tcp与udp的区别
网络协议·tcp/ip·udp