近期，大量用户反馈在使用 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
Codex CLI 深度
AI 模型横评
AI Agent 框架
Claude Code 订阅生存指南