Google Gemini 页面 CPU 飙升原因揭秘:过度动画特效惹的祸

近期,大量用户反馈在使用 Chrome、Firefox 或 Safari 等主流浏览器访问 Google Gemini 网页版(aistudio.google.com)时,遇到了严重的性能问题。具体表现为只要打开该网页,浏览器的 CPU 占用率便会迅速飙升,且即便在用户无操作的情况下,高负载状态也会持续存在,严重影响了使用体验及设备续航。为查明原因,技术人员利用 Chrome DevTools 协议进行了深入的技术分析。通过配置支持 `autoConnect` 功能的 `chrome-devtools-mcp` 工具,研究者成功远程控制已登录的浏览器实例,从而绕过登录限制直接监控页面运行状态。经过细致排查,最终确认导致 CPU 飙升的“元凶”并非 AI 模型的后台运算,而是页面中一个升级提示卡片的循环播放的彩色 CSS 动画。该动画触发了浏览器渲染引擎的高频重绘。验证环节中,通过执行脚本代码强制移除 `.upgrade-card-wrapper` 元素的显示样式并取消页面所有动画效果后,CPU 占用率随即回落至正常水平。这一发现揭示了 Google 前端代码在资源管理上的疏忽,也证实了该性能瓶颈完全可以通过前端优化解决。

事件分析

此次事件折射出 AI 应用在客户端体验层面的优化短板。尽管 Gemini 背后的模型技术先进,但前端的工程实现却存在明显的资源浪费。现代 Web 应用往往通过复杂的 CSS3 动画和 Canvas 渲染来提升视觉吸引力,但在未进行硬件加速优化或未针对低性能设备适配的情况下,极易导致浏览器重绘和合成线程过载。从技术角度看,这是一个典型的“渲染性能”而非“计算性能”问题。对于 Google 而言,这种因界面特效导致的性能损耗会影响产品的专业形象。在 AI 竞争激烈的当下,除了模型推理速度,客户端的流畅度同样是用户留存的关键指标。这也提醒开发者,在 Web 端集成 AI 服务时,必须严格审查动画的生命周期管理,确保视觉特效不会成为阻碍交互体验的性能杀手。

💡 核心观点:AI 服务的竞争不仅是模型算力的比拼,网页前端的性能优化与交互体验同样决定了产品的最终口碑。

原文链接:Linux.do

C code80.ai · AI 编码 API 聚合 Claude / GPT 多模型统一接入,稳定不限速,按量计费,几行配置接入 Claude Code。 了解一下 ›

抢沙发

评论前必须登录!

立即登录   注册