开发那些事儿:如何解决js打包文件体积过大导致的网页加载慢问题?
2023-06-13 09:13:52 时间
智能分析网关作为我们新推出的产品,除了丰富的AI智能检测及视频功能之外,我们依然在持续拓展新AI算法的部署,并不断优化细节、提升用户的使用体验。
近期,我们对js打包文件体积过大的情况进行了优化,解决了智能分析网关页面加载过慢的情况。今天来和大家分享一下实现过程。
如图所示,所有的js都打包到一个js文件,导致文件过大,网页加载时间较长:
排查发现是Vu3默认的打包模式导致该问题,在vite.config.ts配置文件中,加上如下配置:
再重新打包,结果如下图所示,这样就能解决打包的文件包体积过大的问题:
优化过后,页面加载速度得到极大提升,用户体验也更佳。
随着人工智能技术不断落地应用,视频监控领域也越来越多地融入了AI智能检测分析技术。智能分析网关设备内置多种AI算法,可对实时视频中的人脸、人体、物体、车辆等进行检测、跟踪与抓拍,支持口罩佩戴检测、安全帽佩戴检测、人体检测、区域入侵检测以及可拓展多种AI检测算法,可广泛用于客流统计、周界防范、明厨亮灶、通用安防监控、企业安全生产、公共卫生防疫、智慧校园、智慧景区等
相关文章
- Fabric.js 使用纯色遮挡画布(前景色)
- SPC(Statistical Process Control 统计过程控制)图——Python+JS实现
- 初识js中的闭包_Js闭包中变量理解
- 【说站】javascript如何动态加载js文件
- 【说站】js代理模式是什么
- matlab怎么把图片保存到指定路径_js选择本地文件的路径
- JS设计模式之适配器模式
- js 生成二维码并点击下载软件_js生成二维码并保存
- vue动态引入js文件的方法_vue如何引入js文件
- WordPress 技巧:移除加载的 JS 和 CSS 文件后面的 ver 参数
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 一个加载js文件的小脚本
- js模拟QQ窗口的抖动效果
- 一个可以显示当前年份以及生肖的js代码
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- 多种方法实现当jsp页面完全加载完成后执行一个js函数
- Tomcat无法加载css和js等静态资源文件的解决思路
- js/jquery去掉空格,回车,换行示例代码
- js自动播放的实例代码
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- js获取判断上传文件后缀名的示例代码
- JS下载文件|无刷新下载文件示例代码
- 使用AjaxFileUpload.js实现异步文件上传示例
- javascript写的异步加载js文件函数(支持数组传参)