Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
Hrain-AI2 小时前
多 Agent 并行不打架:worktree 隔离与反馈回流落地(附脚本)
网络·数据库·人工智能·架构
云运维笔记3 小时前
IP地址从入门到精通:网络通信的核心基石
运维·网络·计算机网络
Koi慢热3 小时前
DayDayMap学术社区体验:卫星网络测绘专题用下来怎么样
网络·人工智能·windows·web安全·网络安全
万联WANFLOW3 小时前
从“连接网络”到“编排业务”:企业网络架构正在发生什么变化?
网络·人工智能
captain3764 小时前
网络原理(9)-数据链路层
java·网络协议·java-ee
kuroomi4 小时前
Ingress-Nginx与kubernetes 网络
linux·运维·网络·kubernetes
Yang96115 小时前
鼎讯101C测向天线200MHz至500MHz比幅测向解读
网络
yi碗汤园6 小时前
OSS对象存储服务
网络·阿里云
Doris__HE6 小时前
【元脑服务器NF5476G7-NF5476M7技术规格分享】
运维·服务器·网络·数据库·性能优化
boxiansheng1638 小时前
408计算机网络
网络·计算机网络·智能路由器