Webpack中的 HTTP 压缩

http压缩介绍

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

http 压缩的流程:

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

Webpack 对文件压缩

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

npm install compression-webpack-plugin -D

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

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

相关推荐
zyu671 天前
03-Docker存储和网络
网络·docker·容器
Arciab1 天前
51单片机_LCD1602液晶显示
网络·嵌入式硬件·51单片机
DX_水位流量监测1 天前
大坝安全监测之渗流渗压位移监测设备技术解析
大数据·运维·服务器·网络·人工智能·安全
电商API&Tina1 天前
京东 API 数据采集接口接入与行业分析
运维·服务器·网络·数据库·django·php
童话的守望者1 天前
dc8靶场通关
网络
Jinuss1 天前
HTML页面http-equiv=“refresh“自动刷新原理详解
http·html
寂寞恋上夜1 天前
异步任务怎么设计:轮询/WebSocket/回调(附PRD写法)
网络·人工智能·websocket·网络协议·markdown转xmind·deepseek思维导图
Tao____1 天前
基于Ruoyi开发的IOT物联网平台
java·网络·物联网·mqtt·网络协议
chao_6666661 天前
解决 PowerShell 中文乱码问题
网络·学习·powershell
喵了meme1 天前
Linux学习日记24:Linux网络编程基础
linux·网络·学习