RTSP/Onvif协议视频平台EasyNVR对静态文件大小的优化

本文介绍了EasyNVR视频边缘计算网关的静态文件大小优化过程,通过代码分割API减少重复代码,降低整体静态资源大小,提高前端加载效率。EasyNVR平台支持多种视频协议设备,具备视频转码、直播分发等功能,适用于智慧行业解决方案。

EasyNVR视频边缘计算网关属于软硬一体的Easy系列视频平台,既有软件平台版,又有硬件设备版,可以说非常的灵活,两者功能基本相同。软件版直接部署在服务器上即可,硬件版通电通网即可使用,现场配置完成后可直接放置于现场。

EasyNVR平台属于我们推出时间较早的平台,功能较为成熟和丰富,我们也一直在不断对其进行优化升级。今天和大家分享一下关于EasyNVR平台静态文件大小的技术优化实现。

我们在使用时发现打包的静态资源较大,初步判定需优化打包后的静态文件大小。

从项目的打包脚手架看,已经对代码进行了压缩混淆,但是JS文件依然很大。

从上图可以看出,JS大部分都没打包到index.js中,导致单个文件较大,也会影响前端的加载。

所以,在这里可以使用代码分割api,使公用的代码放到JS中减少代码的使用重复率,从而降低整体的静态资源大小。

优化后的效果预览如下:

作为性能稳定、功能丰富的视频监控平台,EasyNVR视频边缘计算网关可支持市面上大部分的RTSP/Onvif协议设备,并拥有视频转码、直播与分发、云端录像与回放等多种功能,基于这些强大的视频能力,EasyNVR与用户的多元化场景需求互相融合,最终形成“智慧+行业解决方案”。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值