Chrome浏览器中P5.js性能低下问题求助

听起来你遇到的这个问题确实挺棘手——几周前还正常，现在连简单的移动椭圆动画都能把Chrome帧率压到10-15fps，CPU占了一半，而且其他浏览器完全没问题，说明大概率是Chrome本身的配置或环境出了问题，不是代码或P5库的锅。给你几个针对性的排查方向：

• 先查硬件加速是否“帮倒忙”：Chrome的硬件加速有时候会出bug，反而拖慢Canvas渲染。你可以在Chrome设置里搜索“硬件加速”，关掉它之后重启浏览器再测试。如果帧率回升，那就是这个问题，后续可以等Chrome更新修复，或者暂时保持关闭。
• 用隐身模式排除干扰：打开Chrome的隐身窗口（Ctrl+Shift+N），直接运行你的P5.js项目。如果帧率正常，说明是某个扩展程序、缓存或本地设置在搞鬼。接下来可以逐个禁用扩展，找出占用资源的那个。
• 检查Chrome的实验性Flags：Chrome的一些实验性渲染特性可能不稳定。在地址栏输入chrome://flags，搜索“Canvas”“WebGL”相关的选项，比如“Canvas 2D GPU加速”之类的，尝试把它们设为“默认”或“禁用”，重启后测试。
• 查看Chrome的后台进程：打开任务管理器（Shift+Esc），看看除了当前标签页，有没有其他高CPU占用的Chrome进程（比如某个挂着的标签页、插件进程），把没用的都关掉。
• 确认P5.js的渲染模式：虽然你说动画很简单，但还是确认下代码里用的是createCanvas()默认的2D模式还是WEBGL模式？有时候WEBGL在Chrome的特定版本下会有兼容性问题，换成2D模式试试（如果之前用的是WEBGL的话）。
• 重置Chrome到默认设置：如果上面都没用，可以试试重置Chrome设置（设置里找“重置设置”选项），这会清除扩展、缓存和自定义设置，但不会删除书签和密码，重置后重新测试。

另外，你提到开发者工具里“program”是CPU占用根源，这说明是Chrome自身的主线程任务在占用资源，不是你的代码逻辑问题，所以重点还是放在Chrome的环境配置排查上。

内容的提问来源于stack exchange，提问作者cegMo