短视频开发app,利用数据压缩加速大文件传输
短视频开发app,利用数据压缩加速大文件传输
当使用 HTTP 进行大文件传输时,我们可以考虑对大文件进行压缩。通常短视频开发app在发送请求时,都会携带 accept 和 accept-* 请求头信息,用于告诉服务器当前短视频开发app所支持的文件类型、支持的压缩格式列表和支持的语言。
accept: */* accept-encoding: gzip, deflate, br accept-language: zh-CN,zh;q=0.9
gzip 的压缩率通常能够超过 60%,而 br 算法是专门为 HTML 设计的,压缩效率和性能比 gzip 还要好,能够再提高 20% 的压缩密度。
上述 HTTP 请求头中的 Accept-Encoding 字段,用于将客户端能够理解的内容编码方式(通常是某种压缩算法)告诉给服务端。通过内容协商的方式,短视频开发app服务端会选择一个客户端所支持的方式,并通过响应头 Content-Encoding 来通知客户端该选择。
cache-control: max-age=2592000 content-encoding: gzip content-type: application/x-javascript
以上的响应头告诉浏览器返回的 JS 脚本,是经过 gzip 压缩算法处理过的。不过需要注意的是,gzip 等压缩算法通常只对文本文件有较好的压缩率,而图片、音视频等多媒体文件数据本身就已经是高度压缩的,再用 gzip 进行压缩也不会有好的压缩效果,甚至还可能会出现变大的情况。
了解完 Accept-Encoding 和 Content-Encoding 字段,我们来验证一下未开启 gzip 和开启 gzip 的效果。
1.1 未开启 gzip
const fs = require("fs"); const http = require("http"); const util = require("util"); const readFile = util.promisify(fs.readFile); const server = http.createServer(async (req, res) => { res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8", }); const buffer = await readFile(__dirname + "/big-file.txt"); res.write(buffer); res.end(); }); server.listen(3000, () => { console.log("app starting at port 3000"); });
1.2 开启 gzip
const fs = require("fs"); const zlib = require("zlib"); const http = require("http"); const util = require("util"); const readFile = util.promisify(fs.readFile); const gzip = util.promisify(zlib.gzip); const server = http.createServer(async (req, res) => { res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8", "Content-Encoding": "gzip" }); const buffer = await readFile(__dirname + "/big-file.txt"); const gzipData = await gzip(buffer); res.write(gzipData); res.end(); }); server.listen(3000, () => { console.log("app starting at port 3000"); });
观察上面两张图,我们可以直观感受到当传输 5.5 MB 的 big-file.txt 文件时,若开启 gzip 压缩后,文件被压缩成 256 kB。这样就大大加快了短视频开发app文件的传输。在实际工作场景中,我们可以使用 nginx 或 koa-static 来开启 gzip 压缩功能。
以上就是短视频开发app,利用数据压缩加速大文件传输, 更多内容欢迎关注之后的文章