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

Posted 2022-06-10 EasyNVR

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

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

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

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

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

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

优化后的效果预览如下：

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