Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
ZZZCY20031 小时前
华为ENSP--IP编址及静态路由配置
网络·华为
EasyCVR1 小时前
私有化部署视频平台EasyCVR宇视设备视频平台如何构建视频联网平台及升级视频转码业务?
大数据·网络·音视频·h.265
hgdlip2 小时前
主IP地址与从IP地址:深入解析与应用探讨
网络·网络协议·tcp/ip
珹洺2 小时前
C语言数据结构——详细讲解 双链表
c语言·开发语言·网络·数据结构·c++·算法·leetcode
科技象限2 小时前
电脑禁用U盘的四种简单方法(电脑怎么阻止u盘使用)
大数据·网络·电脑
东方隐侠安全团队-千里2 小时前
网安瞭望台第3期:俄黑客 TAG - 110组织与密码攻击手段分享
网络·chrome·web安全·网络安全
云计算DevOps-韩老师2 小时前
【网络云计算】2024第47周-每日【2024/11/21】周考-实操题-RAID6实操解析2
网络·云计算
lwprain3 小时前
安装支持ssl的harbor 2.1.4 docker 19.03.8 docker-compose 1.24.0
网络协议·ssl·harbor
软件技术员3 小时前
Let‘s Encrypt SSL证书:acmessl.cn申请免费3个月证书
服务器·网络协议·ssl