Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
学问小小谢3 小时前
第26节课:内容安全策略(CSP)—构建安全网页的防御盾
运维·服务器·前端·网络·学习·安全
一ge科研小菜鸡4 小时前
网络安全实战指南:攻防技术与防御策略
网络
马立杰7 小时前
H3CNE-33-BGP
运维·网络·h3cne
Mason Lin8 小时前
2025年1月22日(网络编程 udp)
网络·python·udp
字节全栈_rJF8 小时前
概述、 BGP AS 、BGP 邻居、 BGP 更新源 、BGP TTL 、BGP路由表、 BGP 同步
网络·智能路由器·php
EchoToMe8 小时前
电信传输基本理论/5G网络层次架构——超三万字详解:适用期末考试/考研/工作
网络·5g·架构
doubt。8 小时前
8.攻防世界Web_php_wrong_nginx_config
网络·安全·web安全·网络安全
没有名字的小羊9 小时前
Cyber Security 101-Build Your Cyber Security Career-Security Principles(安全原则)
运维·网络·安全
m0_465215799 小时前
TCP & UDP Service Model
服务器·网络·tcp/ip
esmember10 小时前
电路研究9.2.6——合宙Air780EP中HTTP——HTTP GET 相关命令使用方法研究
网络·网络协议·http·at指令