滥用AI生图引起的JavaScript heap out of memory排查记录

这里写自定义目录标题

背景介绍

上周五下午旁听到边上前端一直在说流水线构建失败,什么内存溢出之类。回退了部分可疑代码,还是没有解决,可能会影响到6点准时下班这一块...,于是帮分析了一下。

定位

观察最近的几个git提交记录,发现某一个提交上传的svg文件比较反常:以兆外单位,最大约14兆,与之对比,之前的svg文件仅有几kb

打开这个14兆的文件喽一眼:在小小的svg里面塞了一个大大的image,id为"豆包-(2)备份-2",其中xlink:href设置为base64格式的超链接。

问了一把deepseek,发现超大的svg文件确实可能引起内存溢出

解决措施

将定位到的异常反馈给前端,经过实践,删除svg中的imag标签即可,不影响svg的显示,成功从14兆降低到2kb,打包成功!

总结

随着AI在开发、设计中的广泛使用,多多少少会引入之前没有预料到的问题,在使用CV大法前,多检查一把!

相关推荐
摸鱼小李上线了17 分钟前
vue项目页面添加水印实现方法
前端·javascript·vue.js
studentliubo29 分钟前
重生之点亮Agent技术栈--agent
agent·ai编程
小四的小六39 分钟前
我用什么技术做了TLDR Scholar?
typescript·ai编程
码途漫谈1 小时前
让 Coding Agent 记得住:agentmemory 的长期记忆系统拆解
开源·ai编程
m0_634666731 小时前
ViMax 为什么会冲上 GitHub Trending:AI 视频生成开始从“出片”转向“制片”
人工智能·github·ai编程
i220818 Faiz Ul1 小时前
智慧养老平台|基于SprinBoot+vue的智慧养老平台系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·智慧养老平台
Lkstar1 小时前
Pinia 进阶:Setup Store、插件系统与状态持久化,一篇全搞懂
前端·vue.js
彦为君1 小时前
JavaSE-05-字符串(全面深入)
java·开发语言·python·ai·ai编程
Nikluas1 小时前
彻底搞懂 Vue 运行时的四大核心谜题:Render、Effect、Diff 算法与 Block Tree 演进
vue.js·面试
Aolith1 小时前
手机端刷新总是 404?你需要知道 SPA Fallback 规则
前端·vue.js