滥用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大法前,多检查一把!

相关推荐
牛奶33 分钟前
AI双层代码治理:Monorepo × Harness Engineering
前端·aigc·ai编程
小民AI实战笔记1 小时前
GitHub Actions + 钉钉,半小时搭个免费的热榜推送机器人
人工智能·aigc·ai编程
Forever7_1 小时前
Vue 全局监控用户行为,最强方案!
vue.js
码途漫谈2 小时前
Easy-Vibe开发篇阅读笔记(二)——前端开发之Figma与MasterGo入门
人工智能·笔记·ai·开源·ai编程·figma
程序员鱼皮3 小时前
我用 DeepSeek V4 + Claude Code 开发了个「提肛助手」,这波给我爽麻了。。。
ai·程序员·编程·ai编程·deepseek
Bigger3 小时前
🧠 前端岗位的"结构性调整":现象背后的冷思考
前端·程序员·ai编程
薯老板3 小时前
vue组件之间的通信
前端·vue.js
却尘3 小时前
Codex CLI 的 config.toml 比你想象的能玩:六层优先级、信任沙箱、还有一堆官方默默打开的好东西
aigc·openai·ai编程
甲维斯4 小时前
GLM5.1 降智了?国模思考强度研究!
人工智能·ai编程
Restart-AHTCM4 小时前
AI 时代的大前端崛起,TypeScript 重塑前端开发
前端·人工智能·typescript·ai编程·a